/*
  2017.09.25 from 268xue
*/
@charset "UTF-8";
@import 'mixin.scss';


/*reset*/
body {background-color: #F5F6F8;word-break: break-all;}
input[type="button"],
input[type="submit"],
input[type="search"],
input[type="reset"],
textarea {
  -webkit-appearance: none;
}
a {@include sc(.6rem, $mc);}
ul,ol,li {margin: 0;padding: 0;list-style: none;}
/*.content {
  -webkit-overflow-scrolling: auto !important;
}*/
blockquote {
  padding: 0 0 0 16px;
  margin: 0 0 20px;
  border-left: 5px solid #f75e5e;
  font-weight: 700;
  color: #000;
}
.pr {position: relative}
.text-center {text-align: center}
.text-right {text-align: right}
.mt5 {margin-top: .5rem;}
.ml5 {margin-left: .5rem;}
.mr5 {margin-right: .5rem;}
.mb5 {margin-bottom: .5rem;}
.pt5 {padding-top: .5rem;}
.pb5 {padding-bottom: .5rem;}
.pl5 {padding-left: .5rem;}
.pr5 {padding-right: .5rem;}
.pl75 {padding-left: .75rem;}
.pr75 {padding-right: .75rem;}
.c-red {color: $red !important;}
.c-orange {color: $orange !important;}
.c-green {color: $green !important;}
.c-blue {color: $blue !important;}
.c-000 {color: $c1}
.c-333 {color: $c3}
.c-666 {color: $c6}
.c-888 {color: $c8}
.c-bbb {color: #999 !important;}
.c-ccc {color: #ccc}
.c-e2 {color: #e2e2e2}
.fs4 {font-size: .522rem}
.fs6 {font-size: .6rem}
.fs7 {font-size: .7rem}
.fs8 {font-size: .8rem}
.fs10 {font-size: 1.0rem}
.vam {vertical-align: middle}
.hide{
  display: none;
}
.show{
  display: block;
}
.ellipsis{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
hr {
  background-color: #f2f2f2;
  display: block;
  margin: .8rem 0;
  overflow: hidden;
  height: 1px;
  width: 100%;
  border: none;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.modal-inner,
.modal-button {background-color: $fc}
.no-mt {margin-top: -1px;}
ul.ulRemoveli::after,
.bar-unLine.bar:after {display: none !important;}
samp {font-family: sans-serif;font-size: inherit;}
.button-inline {display: inline-block}
.unBorder {border: none !important;}
/*comm component*/
.pageLoadingEle{background-color:#fff;width:100%;height:100%;position:fixed;top:0;bottom:0;z-index:99997}.load_ellipse{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.6;z-index:99998;background:url()}.pageLoadingIcon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99999}.pageLoadingIcon .plIcon{display:inline-block;width:2rem;height:2rem;vertical-align:middle;background-image:url("../img/default/loading.gif");background-repeat:no-repeat;background-size:100% 100%}.pageLoadingIcon>small{font-size:.72rem;color:#555;vertical-align:middle}
.bar:after {background-color: #e0e0e0;}
.wm-content {background-color: $fc;}
.title-white {background-color: $fc;border-bottom: 1px solid rgba(0,0,0,.1)}
.bg-gradient{
  background-color: $mc !important;
  color: $fc;
}
.loading-gif__wrap .col-auto {float: none;display: inline-block;vertical-align: middle;}
.loading-gif__wrap .col-auto:nth-child(2) {text-align: left}
.loading-txt > big {@include sc(.72rem, $c6)}
.loading-txt > small {@include sc(.3rem, $c8)}
.loading-gif__wrap .loadingImg {@include bis('../img/default/loading.gif');@include wh(2.2rem, 2.2rem);display: inline-block}
.no-data__wrap,
.loading-gif__wrap {padding: 1.3rem 1rem;text-align: center;@include sc(.6rem, $c8);}
.no-data__wrap > em {@include bis('../img/default/data-none.png');display: inline-block;@include wh(6rem, 6rem);}
.no-data__wrap > p {@include  sc(.7rem, #A4A6AC)}
.no-data-comment__wrap > em {@include bis('../img/default/comment-none.png');}
.no-order-data__wrap > em {@include bis('../img/default/order-none.png');}
.no-message-data__wrap > em {@include bis('../img/default/message-none.png');}
.no-account-data__wrap > em {@include bis('../img/default/account-none.png');}
.no-cards-data__wrap > em {@include bis('../img/default/card-none.png');}
.bg-gradient__wrap > .iconfont,
.bg-gradient__wrap > .icon {@include sc(.8rem, $fc)}
.bg-gradient__wrap > .iconfont.icon-xiaoxi1 {font-size: 1.08rem;}
.wm-line {background-color: #F3F4F6;@include wh(100%, .38rem);display: block}
.goBack,
.goBackTo,
.back.button-link {color: $c3 !important;border: none;}
.card {box-shadow: 0 0 .8rem rgba(0,0,0,.02)}
::-webkit-input-placeholder {color: $c8;font-size: .74rem}
.button:active {opacity: .9;}
.button.button-big {font-size: .8rem;}
.form-control > input {
  border-bottom: 1px solid #e2e2e2 !important;
  padding: 0 0 0 1.4rem !important;
  @include tm(.3s);
}
.no-after-after::after,
.no-after-before::before {
  display: none !important;
}
.wm-title__wrap.card-header:after,
.wm-more-bt>.icon-gengduo:before {display: none}
.wm-title-txt {@include sc(.96rem, $c1)}
.wm-title-txt .iconfont {@include sc(.80rem, #82E7DA);margin: -.05rem .2rem 0 0;}
.wm-more-bt {@include sc(.7rem, $c8)}
.wm-more-bt>.icon-gengduo {
  display: inline-block;
  @include wh(1.2rem, 1.2rem);
  @include bis('../img/more-pointer.svg')
}
.button.button-fill {opacity: .9;}
.button-danger.button-fill {
  @include boxShadow(0, 0, 1.2rem, red, .2);
}
.button.button-small {height: auto;line-height: inherit;padding: 0 .2rem;}
.qt-label-close {
  float: left;
  margin: 0 .8rem .8rem 0;
  position: relative;
  padding-right: 1rem;
}
.qt-label-close > i.icon-guanbi {
  @include ct;
  right: 0;
  color: $ca
}
.lr-tel-ico {
  position: absolute;
  left: 0;
  @include ct;
}
.lr-tel-ico > .iconfont {@include sc(1.0rem, $mc);}
.label-switch-small,
.label-switch-small .checkbox {@include wh(2rem, 1.1rem)}
.label-switch-small .checkbox:before {@include wh(1.7rem, 0.9rem)}
.label-switch-small .checkbox:after {@include wh(0.9rem, 0.9rem);left: 0;}
.bar {background-color: $fc;box-shadow: 0 -.2rem .2rem rgba(0,0,0,.01);}
.bg-gradient__wrap .badge,
.wm-badge {
  position: absolute;
  top: .1rem;
  left: 50%;
  z-index: 100;
  height: .8rem;
  min-width: .8rem;
  padding: 0 .2rem;
  font-size: .3rem;
  line-height: .8rem;
  color: $fc;
  vertical-align: top;
  background-color: $orange;
  border-radius: .5rem;
  margin-left: .1rem;
  white-space: nowrap;
  text-align: center;
}
.wm-badge-inline {
  position: inherit;
  @include wh(.5rem, .5rem);
  min-width: inherit;
  margin: 0;
  left: 0;
  top: 0;
  display: inline-block;
  vertical-align: middle
}
.icon-correct {@include sc(2.4rem, $green)}
.wm-cm-tabs {
  position: relative;
}
.wm-cm-tabs::after {
  position: absolute;
  bottom: -.55rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  @include wh(.8rem, .09rem);
  content: '';
  background-color: transparent
}
.wm-cm-tabs.active > span {
  color: $c1;
}
.wm-cm-tabs.active::after {
  background-color: $red
}
.buttons-row .button {
  border-color: $blue;
  color: $blue;
}
.buttons-row .button.active {
  background-color: $blue;
}
.bar-tab {
  display: table-row;
}
.border-circle {
  @include borderRadius(50%);
}
.menu.bar-tab,
.exam-r-bar-tab.bar-tab,
.wm-bar-tab-bx.bar-tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
}
.exam-r-bar-tab.bar-tab {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.exam-r-bar-tab.bar-tab > .tab-item:first-child {margin-left: 1rem;}
.menu.bar-tab .tab-item,
.exam-r-bar-tab.bar-tab .tab-item,
.wm-bar-tab-bx.bar-tab .tab-item {
  color: $c3;
  display: block;
  width: auto !important;
  height: auto;
}
.bar-tab .tab-item {
  width: 1% !important
}
.menu.bar-tab .tab-item .icon {
  top: .15rem
}
.menu.bar-tab .tab-item.active,
.menu.bar-tab .tab-item:active,
.wm-buttons-tab .button.active {color: $mc;border-color: $mc;}
.wm-buttons-tab__wrap {height: 2.4rem;position: relative}
.wm-buttons-tab__wrap > .b-fixed {position: fixed;top: 2.19rem;left: 0;right: 0;width: 100%;z-index: 21;}
.wm-buttons-tab .button {
  position: relative;
  @include sc(.75rem, $c3);
  border: none;
  height: 2.4rem;
  line-height: 2.4rem;
}
.wm-buttons-tab .button::after {
  position: absolute;
  @include cl;
  bottom: 0;
  @include wh(1.4rem, 3px);
  background-color: transparent;
  content: '';
}
.wm-buttons-tab__wrap .wm-buttons-tab::after {bottom: -1px;}
.lecture-time {@include sc(.98rem, $c3)}
.wm-desc-wrap {
  max-height: 2rem;
  line-height: 1rem;
  overflow: hidden;
  white-space: normal;
  margin: .3rem 0;
  @include sc(.68rem, $c8);
}
.wm-attr-wrap {
  line-height: 1rem;
  overflow: hidden;
  margin-top: .15rem;
}

.wm-attr-wrap > .col-auto {margin-left: 4%;@include sc(.4rem, $c8)}
.wm-pic-round {@include borderRadius(3rem);display: inline-block;vertical-align: middle}
.wm-txt-small {@include sc(.6rem, $c8);vertical-align: middle;margin-right: .2rem;}
.wm-attr-wrap .col-auto .wm-txt-small:first-child {margin-left: 0}
.wm-attr-ico {vertical-align: middle}
.wm-cm-title {@include sc(.8rem, #111)}
.wm-price {@include sc(.7rem, $red);font-weight: 700;vertical-align: bottom}
.wm-price > small {font-size: .52rem}
.wm-price-free,.wm-price-free small{@include sc(.6rem, $green)}
.list-block .item-content > a {
  display: flex;
  width: 100%;}
.dataLoad-none {padding: 0 0 .3rem;text-align: center;@include sc(.6rem, $c8)}
.ovf {overflow: hidden}
.wm-preloader.preloader {
  @include bis("../img/default/loading.gif");
  @include wh(1.3rem, 1.3rem);
  -webkit-animation: none;
  animation: none;
}
.wm-preloader.preloader::after {display: none}
.wm-price-del.wm-price {@include sc(.52rem, $c8);font-weight: 100;}
.list-block.media-list {margin: .5rem 0}
.list-block .item-title {width: 100%}
.list-block-userface {@include borderRadius(3rem)}
.wm-question-list__wrap > .card-header {margin: 0 .5rem;padding: .8rem .2rem;}
.list-container .card-header:last-child::after,
.wm-question-list__wrap::before,
.wm-question-list__wrap .list-container::after {display: none !important;}
.wm-question-list__wrap .list-block {margin: 0;}
.wm-question-list__wrap .facebook-avatar>.list-block-userface {
  @include wh(1.68rem, 1.68rem);
  vertical-align: top;
}
.wm-question-list__wrap .facebook-name,
.wm-question-list__wrap .facebook-date {margin-left: 1.6rem;}

.wm-course-list__wrap.list-block>ul,
.wm-live-list__wrap>ul {background-color: transparent;}
.wm-course-list__wrap.list-block>ul>li,
.wm-live-list__wrap>ul>li {
  background-color: $fc;
  padding-top: .5rem;
  padding-bottom:.5rem;
  @include borderRadius(.3rem);
  @include boxShadow(0, .2rem , 1rem, #404950, .06)
}
.wm-course-list__wrap.list-block .item-inner:after,
.wm-live-list__wrap.list-block .item-inner:after {
  display: none;
}
.cm-desc-txt__ThreeLine {
  height: 3.1rem;
  overflow: hidden;
  text-overflow:ellipsis;
  display: -webkit-box;
  line-height: 1.05rem;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.wm-close-em {
  position: absolute;
  top: -5px;
  right: 0;
  font-style: normal;
  z-index: 3;}
.wm-close-em > .iconfont {display: inline-block;@include sc(.52rem, $c8);padding: .2rem;@include wh(.8rem, .8rem);line-height: .5rem;text-align: center}
.wm-desc-txt__wrap {height: 2rem;line-height: 1rem;overflow: hidden}
.wm-whiteBox {
  background: $fc;
  @include borderRadius(8px);
  box-shadow: 0px 13px 27px 0px rgba(219,228,235,0.6);
  padding: .3rem .6rem;
}
.button-tip-bx {
  line-height: 1rem;
  padding: 0 .3rem;
  border: none;
  display: inline-block;
  height: 1rem;
  @include sc(.6rem, $fc);
}
.button-tip-danger-bx {
  background-color: #f6383a;
}
.button-tip-warning-bx {
  background-color: #FF7400;
}
.wm-opCards__wrap {
  background-color: #f2f2f2;
}
.wm-opCards-item-wrap {
  height: 10rem;
  overflow: auto;
  position: relative;
}
.wm-opCards-item-wrap .cards-yh-bx {
  margin-top: 0;
  text-align: left;
  padding: .4rem .2rem .1rem 0;
}
.wm-opCards-item-wrap .cards-yh-bx .no-gutter.dashed {
  line-height: 22px
}
.course-teacher-show .face-group__wrap > li {margin: .5rem -.5rem 0 0;}
.course-teacher-show .face-group__wrap > li > img {border: 1px solid $fc;@include wh(24px, 24px)}
.tab-gray-bg {
  background-color: #EDF0F3
}
.wm-article-cont__wrap {
  color: #666 !important;
  @include font(.6rem, 200%, "Helvetica Neue");
  text-align: justify;
  overflow: hidden;
}
.wm-article-cont__wrap img {max-width: 100% !important;}
.start-comment__wrap > .start-p {
  display: inline-block;
  @include sc(.7rem, #bbb);
  vertical-align: middle;
}
.start-comment__wrap > .start-p.active {color: $orange}
.free-tag {background-color: rgba(255,0,0,.08);@include sc(.52rem, $red);margin: 0 .1rem;padding: .1rem .2rem;}
.c-play-smallIco {
  display: inline-block;
  @include wh(1rem, 1rem);
  line-height: 1rem;
  text-align: center;
  border: 1px solid transparent;
  @include borderRadius(3rem);
}
.c-play-smallIco > .iconfont {@include sc(.522rem, #e2e2e2);display: block;vertical-align: top;text-align: center;}
.dc-icon-bx {
  display: inline-block;
  @include wh(3rem, 3rem);
  @include borderRadius(3rem);
  line-height: 3rem;
  text-align: center;
}
.dc-icon-bx.dc-small-icon-bx {@include wh(1rem, 1rem);line-height: 1rem;}
.dc-icon-bx > .iconfont {@include sc(1.78rem, $fc)}
.dc-icon-bx.dc-small-icon-bx > .iconfont {@include sc(.6rem, $fc)}
.dc-icon-bx.ok-icon-bx {
  background: -moz-linear-gradient(top, rgba(48,175,84,1) 0%, rgba(204,252,133,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(48,175,84,1) 0%,rgba(204,252,133,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(48,175,84,1) 0%,rgba(204,252,133,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.dc-icon-bx.err-icon-bx {
  background: -moz-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(255,233,175,1) 97%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(255,233,175,1) 97%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255,48,25,1) 0%,rgba(255,233,175,1) 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.dc-icon-bx.dc-small-icon-bx {background: $bc}
.dc-active .dc-icon-bx.dc-small-icon-bx {background: $blue}
.recharge-number__wrap .recharge-number-item {
  background-color: #F3F4F6;
  border: 2px solid #F3F4F6;
  text-align: center;
  @include sc(.82rem, $c3);
  @include borderRadius(.3rem);
  padding: .5rem .2rem;
  margin: .3rem 0;
}
.recharge-number__wrap .recharge-number-item.current {background-color: $fc;border-color: $orange;color: $orange}
.membership__wrap .recharge-number-item {
  text-align: left;
  @include flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
.button-tag {padding: 0 .2rem;font-size: .4rem;display: inline}
.button-inline {display: inline-block}
.list-block textarea {font-size: .7rem;}
.list-block textarea[disabled='disabled'] {color: #bbb;}
.wm-toast .toast {font-size: .7rem;}
.toast {
  font-size: .76rem;
  min-height: 1.4rem;
  height: auto;
  padding: .3rem .8rem;
  line-height: 1.2rem
}
ul.ulRemoveli::after {
  display: none !important;}

.bar-tab ~ .content-top {
  top: 0;
}
.wp-notice {
  margin: 0 .8rem;
  height: 2.2rem;
  -webkit-transform: translateY(-1.0rem);
  -o-transform: translateY(-1.0rem);
  transform: translateY(-1.0rem);
  z-index: 5;
}
.wp-card__wrap {
  padding: .6rem;
  @include borderRadius(.3rem);
  box-shadow: 0 0 1rem rgba(34,48,58,0.08);
  background-color: $fc;
}
.wm-picture-tag__wrap {
  position: absolute;
  bottom: .3rem;
  left: .3rem;
  z-index: 9;
}
.wm-picture-tag {
  background-color: rgba(0,0,0,.3);
  display: inline-block;
  padding: .05rem .3rem;
  @include sc(.3rem, $fc);
  border-radius: 0 .6rem 0 .6rem;
}
.wm-item-picture__wrap > .wm-img {
  min-width: 3.6rem;
  max-width: 6.25rem;
  vertical-align: top;
  @include borderRadius(4px);
}
.list-teacher-img {
  @include wh(1rem, 1rem);
  @include borderRadius(1rem)
}
.wm-live-btn__wrap {
  @include center;
}
.wm-course-list__wrap.list-block > ul.wm-course-tidy-list {
  clear: both;
  overflow: hidden;
  margin-left: -5%;
}
.wm-course-list__wrap.list-block > ul.wm-course-tidy-list > li {
  float: left;
  width: 45%;
  margin-left: 5%;
  padding: 0;
}
.wm-course-list__wrap.list-block > ul.wm-course-tidy-list > li .item-content,
.wm-course-list__wrap.list-block > ul.wm-course-tidy-list .item-media {
  padding: 0;
  display: block;
}
.wm-course-list__wrap.list-block > ul.wm-course-tidy-list .item-media .wm-img {
  max-width: 100%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.wm-course-list__wrap.list-block > ul.wm-course-tidy-list .item-media+.item-inner {
  margin-left: 0;
  padding: .5rem .5rem 0;
}
.wm-course-list__wrap.list-block > ul.wm-course-tidy-list .wm-course-attr__wrap {
  padding-top: 0;
  padding-bottom: .5rem;
}
.wm-course-list__wrap.list-block > ul .wm-course-attr__wrap aside.col-50 {
  width: auto;
}
.wm-course-list__wrap.list-block > ul .wm-course-attr__wrap aside.col-25:last-child,
.wm-course-list__wrap.list-block > ul.wm-course-tidy-list .wm-course-attr__wrap aside.col-25 {
  width: 50%;
}
.wm-course-list__wrap.list-block > ul.wm-course-tidy-list .wm-course-attr__wrap .wm-txt-small {
  margin: 0;
}
.wm-course-list__wrap.list-block > ul.wm-course-tidy-list .wm-course-attr__wrap aside.col-50:first-child,
.wm-course-list__wrap.list-block > ul.wm-course-tidy-list:after {
  display: none;
}
.wm-course-list .item-media {
  align-items: flex-start;
}
.page-infinite__wrap {
  position: absolute;
  width: 100%;
  height: calc(100% - 6.21rem);
  top: 6.21rem;
  bottom: 0;
}
.page-infinite__wrap .page, .page-infinite__wrap .page-group {
  background-color: $fc;
}
.wm-page-course {
  height: calc(100% - 2.31rem);
  top: 2.4rem;
}
.bar.bar-white:after {
  display: none; }
.bar.bar-white .searchbar {
  background-color: #fff;
  border-bottom: none; }
.cInfo-price-bx {
  background-color: $mc;
  font-size: 1rem;
  color: #fff!important;
}
.bar .button-nav.pull-left.goBack {
  padding: 0 0.25rem;
}
.bar .button-nav.pull-left.goBack > .icon-fanhui {
  font-size: 18px;
}
.bar .button-nav.pull-right {
  color: $blue
}
.photo-browser-light .photo-browser-slide {
  overflow-y: auto
}
/*v4.0 menu icon*/
@font-face {
  font-family: "iconfontMenu";
  src: url("../fonts-menu/iconfont.woff") format("woff"), url("../fonts-menu/iconfont.ttf?t=1540379373923") format("truetype"), url("../fonts-menu/iconfont.svg?t=1540379373923#iconfont") format("svg"); }
.iconfontMenu {
  font-family: "iconfontMenu" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-faxianxuanzhong:before {
  content: "\e612"; }

.icon-shouyexuanzhong:before {
  content: "\e616"; }

.icon-shouyeweixuanzhong:before {
  content: "\e618"; }

.icon-faxianweixuanzhong:before {
  content: "\e61a"; }

.icon-banji:before {
  content: "\e60f"; }

.icon-zu:before {
  content: "\e610"; }

.icon-zu1:before {
  content: "\e611"; }

.icon-zukaobei1:before {
  content: "\e614"; }

.icon-wode-index:before {
  content: "\e617"; }

.icon-wode:before {
  content: "\e615"; }

.icon-banji1:before {
  content: "\e619"; }

.icon-banji2:before {
  content: "\e61b"; }
.catalog-tag-btn {
  display: inline-block;
  border: 1px solid rgba(0,0,255,.1);
  @include sc(.52rem, #5e9cf3);
  border-radius: 3px;
  margin-right: .3rem;
  padding: 0 .2rem;
}

/*index app download*/
.in-appDownload__wrap {
  @include wh(auto, 54px);
  box-shadow: none;
  border-radius: 0;
  bottom: 50px;
  left: 0;
  right: 0;
  padding: 0 0.75rem;
  background-color: $mc;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.in-appDownload-cont {
  width: calc(100% - 20px);
  padding-left: 20px;
}
.download-logo {
  @include wh(44px, 44px);
  @include borderRadius(44px);
  top: 5px;
  position: relative;
}
.in-appDownload-btn > .button {
  background-color: $fc;
  border-color: $fc;
  color: $mc;
  width: 4rem;
  line-height: 1.35rem;
}
.appDl-txt > h6 {
  margin: 10px 0 0;
  padding: 0;
  @include wh(90%, 20px);
  line-height: 20px;
  font-weight: normal;
}
.appDl-txt > h6:last-child {margin-top: 2px;}
.download-close {
  @include ct();
  left: 10px;
  @include sc(.9rem, $fc);
  opacity: .8;
}

/*new header*/
.bar.wp-in-header.bg-transparent {
  background: -moz-linear-gradient(top, rgba(0,0,0,0.35) 1%, rgba(0,0,0,0) 98%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.35) 1%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0,0,0,0.35) 1%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  box-shadow: none;
  color: #fff;
  @include transitionTime(.9s);
  z-index: 99;
}
.bar.wp-in-header>.icon {color: #fff;}
.bar.wp-in-header:after {display: none}
.bar.wp-in-header>.search-input__wrap {
  width: 74%;
  margin: 0 auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.bar.wp-in-header>.search-input__wrap>.search-input>.icon{
  font-size: .6rem;
  color: #ddd;
  left: 25%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.bar.wp-in-header>.search-input__wrap>.search-input>label+input {
  font-size: .6rem;
  border: none;
  border-radius: 1.4rem;
  text-align: center;
  padding: 0 .5rem;
}
.bar.wp-in-header>.search-input__wrap>.search-input>label+input::-webkit-input-placeholder,
.searchbar input[type="search"]::-webkit-input-placeholder {
  font-size: .6rem;
}
.wm-buttons-tab__wrap {z-index: 99;}
.search-input .icon {@include sc(.8rem, $bc)}
.bar>.wm-buttons-tab__wrap .button {top: -3px;}
.bar>.wm-buttons-tab__wrap>.buttons-tab::after,
.bar>.wm-buttons-tab__wrap::after {display: none}
/*index*/
.wm-in-content .wm-title__wrap.card-header {
  padding-bottom: 0;
}
.wp-swiper,
.swiper-container {
  min-height: 3.2rem; }
.wp-swiper .swiper-container .swiper-slide {
  height: 9rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 0;
}
@media only screen and (min-width: 320px){
  .wp-swiper .swiper-container .swiper-slide {
    height: 8rem;
  }}
@media only screen and (min-width: 360px){
  .wp-swiper .swiper-container .swiper-slide {
    height: 9.5rem;
  }}
@media only screen and (min-width: 375px) {
  .wp-swiper .swiper-container .swiper-slide {
    height: 9.8rem;
  }}
@media only screen and (min-width: 414px) {
  .wp-swiper .swiper-container .swiper-slide {
    height: 10rem;
  }}
.wp-swiper .swiper-container-horizontal>.swiper-pagination {
  bottom: 1.4rem;
}
.wp-notice-txt__wrap {
  @include wh(100%, 1.2rem);
  line-height: 1.2rem;
  position: relative;
  padding-left: .8rem;
}
.wp-notice-txt__wrap > .icon-msnui-market {
  @include ct;
  left: 0;
  opacity: 0.6;
}
.wp-notice-txt__wrap>ul,
.wp-notice-txt__wrap>ul>li {
  @include wh(100%, 1.2rem);
}
.wp-notice-txt__wrap li a {
  @include sc(.68rem, $c3);
  margin-left: .3rem;
  display: block;
  height: 1.2rem;
}
.wp-in-sort-list__wrap {margin-top: 0;}
.wp-in-sort-item {
  padding-bottom: .5rem;
  text-align: center;
}
.wp-in-sort-item>img {width: 62%;display: inline-block;font-size: .4rem;}
.wp-in-sort-item p {margin: 0;height: 1rem;line-height: 1rem;overflow: hidden;text-overflow: ellipsis;white-space:  nowrap}
.wp-in-sort-item p {margin: 0;/*height: 20px;*/overflow: hidden;text-overflow: ellipsis;white-space:  nowrap}
.swiper-container-tuanCourse .swiper-slide {
  width: 92%;
}
.tuan-attr-box {
  padding: .2rem .75rem;
}
.tuan-attr-box>.row {overflow: inherit}
.tuan-attr-box .button-fill {
  height: 1.6rem;
  line-height: 1.7rem;
}
.in-live-list__wrap .tuan-course-slider__wrap .live-teach-pic__wrap > .wm-img {
  @include boxShadow(-8px,0,10px,#000,.08)
}
.tuan-course-slider__wrap .wm-item-picture__wrap > .wm-img {
  max-width: 4.8rem;
}
.tuan-course-slider__wrap .wm-course-list__wrap.list-block > ul > li {
  margin-right: 1rem;
}
.tuan-attr-timer__wrap {margin-top: .2rem;}
.tuan-attr-timer-box {
  @include wh(auto, .9rem);
  line-height: .9rem;
  background-color: $c3;
  @include borderRadius(.1rem);
  @include sc(.6rem, $fc);
  @include boxShadow(.1rem,.1rem,.2rem, $c3, .1);
  text-align: center;
  padding: 0 .3rem;
  display: inline-block;
}
.tuan-attr-timer-vag {
  line-height: .9rem;
  @include sc(.8rem, $c3)
}
.cutPrice-banner.u-index-head {
  @include bis('../img/default/cutPriceBg.png');
  background-color: transparent;
}

/*index*/
.bg-gradient__wrap.bar {background-color: transparent}
.bg-gradient__wrap.bar::after {display: none}
.bar-head-butsRow > .icon-fanhui,
.bar-head-butsRow > .buttons-row .button {
  color: #b7d3f9;
}
.bar-head-butsRow > .buttons-row .button {
  border-color: #b7d3f9;
}
.bar-head-butsRow > .buttons-row .button.active {
  background-color: #b7d3f9 !important;
  color: $fc;
}
.lecture-date__wrap {
  @include tm(.3s);
  min-height: 3rem;
  padding: .5rem .5rem .8rem;
}
.lecture-date-title > ul {
  @include flex();
}
.lecture-date-title > ul > li {
  @include flexNum();
  @include sc(.6rem, #b7d3f9);
  text-align: center;
  width: 100%;
  position: relative;
}
.lecture-date-bx .picker-calendar-day .keTips,
.lecture-date-title .keTips {
  position: absolute;
  right: 2px;
  bottom: 1px;
  @include sc(.4rem, $fc);
  font-weight: 100;
}
.lecture-date-num {margin-top: .5rem;}
.lecture-date-title > .lecture-date-num > li > span {
  @include sc(.7rem, $fc);
  display: inline-block;
  @include wh(1.2rem, 1.2rem);
  line-height: 1.2rem;
  @include borderRadius(3rem);
}
.lecture-date-num > li.active > span {
  background-color: $fc;
  color: $mc;
  font-weight: 700;
}
.lecture-icon {
  display: inline-block;
  @include wh(1rem, 1rem);
  @include borderRadius(3rem);
  line-height: 1rem;
  text-align: center;
  background-color: $bc;
}
.lecture-list__wrap .list-block .item-content {align-items: flex-start}
.lecture-list__wrap .list-block .item-content .item-media {margin-top: .25rem;}
.lecture-list__wrap .list-block > ul::before {display: none}
.lecture-list__wrap .list-block .item-inner {padding: .4rem .75rem .4rem 0;margin-left: .6rem;}
.lecture-icon > .iconfont {@include sc(.4rem, $fc)}
.lecture-list__wrap .list-block .item-after {max-height: inherit}
.wm-item-picture-btn {@include center;opacity: .86;}
.lecture-liveing .lecture-icon {background-color: $red}
.lecture-liveing .lecture-time {color: $red}
.page-infinite__wrap {
  position: absolute;
  width: 100%;
  height: calc(100% - 6.21rem);
  top: 6.21rem;
  bottom: 0;}
.page-infinite__wrap .page,
.page-infinite__wrap .page-group {background-color: $fc}
.wm-course-list > .item-content {border-bottom: 1px solid #f2f2f2;padding: .6rem 0 .6rem .75rem;}
.wm-course-list > .item-content .item-inner:after {display: none}

.lecture-list__wrap .list-block .item-media,
.lecture-list__wrap .list-block .item-inner,
.wm-course-list .item-content .item-media,
.wm-course-list .item-content .item-inner {align-items: flex-start}
.wm-picture-tag__wrap {
  position: absolute;
  bottom: .3rem;
  left: .3rem;
  z-index: 9;}
.wm-picture-tag {
  background-color: rgba(0,0,0,.3);
  display: inline-block;
  padding: .05rem .3rem;
  @include sc(.5rem, $fc);
  @include borderRadius(3rem);}

/*lecture*/
.history-lecture-page__wrap.page-infinite__wrap {
  height: calc(100% - 3rem);
  top: 3.84rem;
  @include tm(.3s);
}
.history-lecture-list .item-content {position: relative;}
.history-lecture-list .item-content::before {
  position: absolute;
  @include wh(1px, 100%);
  top: 0;
  left: 0.96rem;
  bottom: 0;
  background-color: #DCDDE2;
  content: '';
}
.history-lecture-list .item-content:first-child::before {top: 1.22rem;}
.history-lecture-list .lecture-icon {
  background-color: #DCDDE2;
  @include wh(.5rem, .5rem);
  line-height: .6rem;
  margin-top: .2rem;
}
.lecture-open .lecture-date__wrap {height: 15rem;}
.lecture-open .history-lecture-page__wrap.page-infinite__wrap {
  height: auto;
  top: 15rem;
}
.bar .lectureDateBtn {@include sc(.8rem, $fc)}
.lecture-open .lecture-date-bx {display: block}
.lecture-date-bx,
.lecture-open .lecture-date-title,
.lecture-date-bx .picker-calendar-row:after,
.lecture-date-bx .picker-calendar-week-days:after,
.lecture-date-bx .picker-modal.picker-modal-inline .toolbar:after,
.lecture-open .lecture-date-title {display: none}
.lecture-date-bx .icon-next,
.lecture-date-bx .icon-prev,
.lecture-date-bx .picker-calendar-day {color: #fff;}
.lecture-date-bx .picker-calendar-day.picker-calendar-day-prev,
.lecture-date-bx .picker-calendar-day.picker-calendar-day-next,
.lecture-date-bx .picker-calendar-week-days {background-color: transparent;color: #b7d3f9}
.lecture-date-bx .picker-calendar-day.picker-calendar-day-today span {background-color: #fff;color: #ff5858;font-weight: 700;}
.lecture-date-bx .picker-calendar-day.picker-calendar-day-selected span {background-color: #5ec1ff}

.signPage__wrap .lecture-date-bx {display: block}
.signPage__wrap .lecture-date-bx .icon-next,
.signPage__wrap .lecture-date-bx .icon-prev,
.signPage__wrap .lecture-date-bx .picker-calendar-day {color: $c3}
.signPage__wrap .lecture-date-bx .picker-calendar-day.picker-calendar-day-prev,
.signPage__wrap .lecture-date-bx .picker-calendar-day.picker-calendar-day-next,
.signPage__wrap .lecture-date-bx .picker-calendar-week-days {color: #bbb}
.signPage__wrap .lecture-date-bx .picker-calendar-day.picker-calendar-day-today span {background-color: $orange;color: #fff;}
.signPage__wrap .icon-next{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23bbbbbb'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.signPage__wrap .icon-prev{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23bbbbbb'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.signPage__wrap .lecture-date-bx .picker-calendar-day.active > span {background-color: $blue;color: $fc;font-size: .4rem;}

.sign-modal-banner {
  height: 100px;
  @include bis('../img/uc/sign-modal-banner.png');
  background-size: cover;
  background-position: 0 0;
  margin: -18px;
}
.lecture-date-bx .picker-calendar-day {
  position: relative;
}
/*recommend courses*/
.bar.bar-white:after {display: none}
.bar.bar-white .searchbar {background-color: $fc;border-bottom: none;}
.bar.bar-white .searchbar .search-input input {background-color: #EEEEF0;@include sc(.7rem, $c8)}
.wm-page-course {
  height: calc(100% - 2.31rem);
  top: 2.4rem;
}
.wm-list-block-media .list-block {margin: -.75rem 0 0;}
.wm-list-block-media .list-block ul:before,
.wm-list-block-media .list-block ul:after {display: none}
.study-custom-wrap {@include bis('../img/default/to-custom-bg.jpg');background-size: cover;background-position: 50% 50%;}
.study-custom-wrap .button {
  border-color: $mc;
  color: $mc;
  display: inline-block;
  width: 60%;
}

/*sort*/
.wm-nav-tab .tab-nav,
.wm-nav-tab .tab-menu {
  float: left;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.wm-nav-tab .tab-nav {
  background-color: #F8F9FD;
  width: 23%;
  text-align: center;
}
.wm-nav-tab .tab-menu {
  background-color: $fc;
  width: 77%;
  position: relative;
  z-index: 99;
}
.tab-nav li {
  cursor: pointer;
  line-height: 2.8rem;
  border-bottom: 1px solid #f0f2f7;
  margin-right: -1px;
  @include sc(.68rem, $c8);
  position: relative;
}
.tab-nav #filter-subject-parent li {
  line-height: 1.2rem;
  padding: .6rem 0 .6rem .1rem;
}
.tab-nav li.active::before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  @include wh(3px, 100%);
  content: '';
  background-color: $mc
}
.tab-nav li.active {background-color: $fc;color: $c3}
.sort-subject-ul > li {margin: .3rem;}
.sort-subject-ul > li > a {border-color: $bc;color: $c3;padding: .3rem .6rem;height: auto;}
.sort-subject-ul > li.active > a {border-color: $blue;color: $blue}

/*courses list*/
.wm-buttons-select-tab__wrap .wm-buttons-tab .button::before {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  @include wh(1px, 100%);
  content: '';
  background-color: $bc;
}
.wm-buttons-select-tab__wrap .wm-buttons-tab .button:last-child::before,
.wm-buttons-select-tab__wrap .wm-buttons-tab .button.active::after {display: none}
.wm-buttons-select-tab__wrap .wm-buttons-tab .button > .icon {@include sc(.3rem, $c8)}
.wm-buttons-select-tab__wrap .wm-buttons-tab .button.active > .icon {color: $mc}
.wm-cl__wrap .modal-overlay {top: 2.4rem;}
.wm-cl-search__wrap {
  background-color: $fc;
  position: absolute;
  @include wh(100%, auto);
  bottom: 20%;
  z-index: 10800;
}
.wm-cl__wrap {opacity: 0;visibility: hidden;}
.sortSeOpen.wm-cl__wrap,
.sortSeOpen .modal-overlay {opacity: 1;visibility: visible;}
.courses-list-page__wrap {
  height: auto;
  top: 2.4rem;}
.wm-cl-search__wrap > .tabs,
.wm-cl-search__wrap > .tabs > .tab {@include wh(100%, 100%);position: relative}
.wm-sort-tj .list-block {margin: .3rem 0;}
.wm-sort-tj .list-block .item-inner {background: none;padding-right: .8rem;}
.wm-sort-tj .list-block .item-title,
.wm-sort-tj .list-block .item-after {@include sc(.68rem, $c8)}
.wm-sort-tj .list-block .item-link.active .item-title,
.wm-sort-tj .list-block .item-link.active .item-after {color: $orange}
.wm-sort-tj .list-block ul:before {display: none}
.wm-nav-tab-sx {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 2.4rem;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.wm-nav-sx__wrap .modal-buttons {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.wm-nav-sx__wrap .modal-buttons .modal-button:first-child {color: $c8}
.wm-nav-sx__wrap .modal-buttons .modal-button {background-color: $fc;@include borderRadius(0)}
.wm-nav-tab-sx .sort-subject-ul > li {margin: .3rem 0 0 4%;}
.wm-nav-tab-sx .sort-subject-ul > li.active > a {background-color: #E8F1FF;border-color: $mc;color: $mc;}

/*teacher*/
.teacher-pic__wrap {@include wh(2.8rem, 2.8rem);margin: .5rem .3rem 0;}
.teacher-pic__wrap .wm-img {border: 1px solid $bc;@include borderRadius(3rem);display: block;@include wh(100%, 100%)}
.teachers-list__wrap .list-block .item-inner {padding: .8rem .75rem .8rem 0;align-items: flex-start}
.teachers-list__wrap .list-block .item-content {align-items: flex-start}
.teachers-list .item-content .item-after .button {padding: 0 1rem;margin-top: .3rem;}
.teacherInfo-page__wrap {height: auto;top: 2.2rem;z-index: 9;}
.teacher-face__wrap {@include wh(100%, 2rem)}
.teacher-face.teacher-pic__wrap {
  @include wh(4rem, 4rem);
  @include cl;
  @include tm(.3s);
  top: .5rem;
  margin: 0;
  z-index: 21;
}
.top-toQuestionBtn {opacity: 0;visibility: hidden;@include tm(.8s);}
.toQuestionBtn {display: inline-block;height: 2.0rem;line-height: 2.0rem;padding: 0 1rem;font-size: .75rem;}
.faceSmall .teacher-face {top: -.88rem;-webkit-transform: scale(.5) translateX(-100%);transform:  scale(.5) translateX(-100%);}
.faceSmall .top-toQuestionBtn {opacity: 1;visibility: visible}
/*question*/
.question-info__wrap {margin: 0;}
.question-info__wrap > .list-container::before {display: none}
.question-info-txt__wrap img {max-width: 100%}
.face-group__wrap > li {display: inline-block;vertical-align: middle;margin: .5rem .1rem 0;}
.face-group__wrap > li > img {@include borderRadius(3rem);display: inline-block;height: 34px;width: 34px;}
.wen-line-bx {position: relative;@include wh(100%, 2rem);text-align: center;}
.wen-line-bx::after {position: absolute;content: '';left: 0;right: 0;top: 50%;height: 1px;background-color: $bc;}
.wen-line-txt {
  background-color: #fff;
  display: inline-block;
  padding: 0 .2rem;
  height: 2rem;
  line-height: 2rem;
  @include sc(.7rem, $c8);
  position: relative;
  z-index: 3
}
.button-danger.button-fill {box-shadow: 0 0 1.2rem rgba(255,0,0,.2);}
.question-wg-btn.button {display: inline-block;padding: 0 1.6rem;height: 1.72rem;line-height: 1.72rem;}
.inp-txt__wrap > .inp-txt-bx {background-color: #e8eaec;border: none;@include borderRadius(4rem);@include wh(96%, 1.5rem);line-height: 1.5rem;@include sc(.7rem, $c3);padding: .15rem .3rem .15rem .5rem;resize:none}
.inp-txt__wrap > .inp-txt-bx::-webkit-input-placeholder {@include sc(.6rem, $c3);}
.question-aq-txt__wrap {background-color: #f0f3f5}
.question-aq-txt__wrap .item-content {align-items: flex-start;padding-left: .5rem;}
.question-aq-txt__wrap .item-content .item-media {margin-top: .3rem;}
.wm-comment-list__wrap {margin: .5rem 0 0 2.4rem;}
#topic-reply-list .wm-comment-list__wrap,
#allreply-list-content .wm-comment-list__wrap {margin-left: 2.4rem;}
.question-reply-bx {line-height: 1.08rem;}
.question-reply-item {padding: .3rem .5rem 0;}
.allReplyPop-content .list-block {margin: 0;}
.allReplyPop-inp-txt .inp-txt-bx {width: 84%}
.allReplyPop-inp-txt .inp-txt-bx ~span {display: inline-block !important;}
.allReplyPop-content .list-container::before,
.allReplyPop-content .list-container::after,
.tqPopContent .list-block ul::before {display: none}
.tqPopContent .list-block {margin: .5rem 0;}
.tqPopContent .tqPopTxtarea {padding: .5rem 0 0 .5rem;}
.tqPopContent .tqPopTxtarea .item-input {margin-top: .3rem;}
.tqPopTxtarea .item-input > input,
.tqPopTxtarea .item-input > textarea,
.tqPopTxtarea .cus-score-box,
.cus-score-box,
.exam-tk-bx .item-input > input,
.exam-tk-bx .item-input > textarea {background-color: #f3f5f7 !important;margin-bottom: .2rem;}
.tqImgWrap > span {
  float: left;
  height: 50px;
  max-width: 80px;
  overflow: hidden;
  margin: 0 .5rem .5rem 0;
  display: block;
  position: relative;
}
.tqImgWrap > span > img {height: 50px}

.bar .button-link {color: $c3}
.searchbar .search-input {
  background-color: #F3F4F6;
  @include borderRadius(2rem)
}
.searchbar input[type="search"] {
  background-color: transparent !important;
}
.wm-sort-scrollX__wrap>.wm-buttons-tab {
  @include wh(100%, 100%);
  overflow-y: hidden;
  overflow-x: auto;
  position: relative;
}
.wm-sort-scrollX__wrap:after {
  position: absolute;
  right:0;
  top:0;
  bottom:0;
  content: '';
  @include wh(1.2rem, 100%);
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.wm-sort-scrollX__wrap>.wm-buttons-tab .button {font-size: .7rem;}
.wm-sort-scrollX__wrap>.wm-buttons-tab:after {
  display: none;
}
.wm-sort-r-icon__wrap>a {
  line-height: 2.4rem;
  @include sc(1rem, $c3);
  vertical-align: middle;
  display: inline-block;
  @include wh(40%, 2.4rem)
}
.panel-overlay {
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
body.with-panel-right-reveal .panel-overlay {
  margin-left: -15rem !important;
  opacity: 1;
  background: rgba(0,0,0,.3);
}
#panel-right-demo.panel {
  background-color: $fc;
  width: 15rem;
  @include boxShadow(-1rem, 0, 2rem, black, .3)
}
body.with-panel-right-reveal .page {
  -webkit-transform: translate3d(-15rem,0,0);
  transform: translate3d(-15rem,0,0);
}
.panel__wrap {
  @include wh(100%, 100%);
  position: relative;
}
.panel__wrap>.content,
.panel__wrap>.bar.bar-tab {background-color: $fc}
.theme-dark .bar-nav:before, .theme-dark .bar-tab:before, .bar-nav.theme-dark:before, .bar-tab.theme-dark:before {
  background-color: inherit;
}
.panel__wrap .button {
  line-height: inherit;
  opacity: 1;
  @include borderRadius(0);
  top: 0;
  color: $fc;
  border: none;
}
.panel__wrap .tab-item {
  @include sc(.7rem, $c3)
}
.panel__wrap .button.button-fill {color: $fc}
.listTidyBtn .icon:first-child {display: none}
.listTidyBtn .icon:last-child {display: inline-block}
.panel-sort-item__wrap .panel-sort-items {
  @include wh(100%, 2rem);
  @include flex;
  align-items: center;
  justify-content: center;
  background-color: #F4F4F6;
  margin-bottom: .5rem;
  position: relative;
  overflow: hidden;
  flex-direction:column;
}
.panel-sort-item__wrap .panel-sort-items>.icon-duihao {
  position: absolute;
  right: 0;
  top: -.05rem;
  @include sc(.4rem, $fc);
  display: none;
}
.panel-sort-item__wrap .panel-sort-items.active,
.panel-sort-item__wrap .panel-sort-items.active>span {
  background-color: #EDF3FF;
  color: $blue
}
.panel-sort-item__wrap .panel-sort-items.active::after {
  position: absolute;
  right: -.3rem;
  top: -.3rem;
  @include wh(1rem, 1rem);
  background-color: $blue;
  @include borderRadius(1rem);
  content: ''
}
.panel-sort-item__wrap .panel-sort-items.active>.icon-duihao {
  display: inline-block;
  z-index: 3;
}
.cm-sort__wrap .card-header .wm-more-bt>.iconfont {display: none;}
.wm-sort-buttons-tab.wm-buttons-tab__wrap:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #eaeaea;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
/*course info*/
.course-play__wrap {
  @include bis('../img/default/loading.gif');
  background-color: #333;
  background-size: 10% 20%;
  background-position: 50% 50%;
  @include wh(100%, 8rem);
  position: relative;
}
.course-play-bg,
.cp-shadow,
.live-cp-shadow {
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  @include wh(100%, 100%);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 7;
}
.cp-shadow {
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  z-index: 9;
}
.live-cp-shadow {
  background: -webkit-linear-gradient(top, rgba(0, 132, 240,0.85) 0%,rgba(0, 132, 240,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 132, 240,0.85) 0%,rgba(0, 132, 240,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.course-play-btn,
.free-read-btn {
  @include center;
  @include wh(3rem, 3rem);
  @include bis('../img/study/play-icon.png');
  z-index: 11;
}
.free-read-btn {
  @include wh(6rem, 2.4rem);
  background: none;
  opacity: .7;
}
.cInfo-price-bx {
  background-color: $red;
  @include sc(1.0rem, $fc);
  color: $fc !important;
}
.course-cont__wrap {
  top: 10.48rem;
  bottom: 2.5rem;
}
.course-cont__wrap > .tabs {
  position: relative;
  top: 0;
  bottom: 0;
  @include wh(100%, 100%)
}
#c-comment-btn,
#c-share-btn,
#cArticle-menu-btn,
#c-toQuestion-btn,
.feedbackPopup-bx .card-header::after,
.course-menu-tree__wrap .history-lecture-list::after,
.history-lecture-list ul.course-group-menu-tree__wrap > li.item-content::before{display: none;}
#c-comment-btn > .icon,
#c-share-btn > .icon {
  font-size: .86rem;}
.course-info-bar-tab.mfHide > a:nth-child(1),
.course-info-bar-tab.mfHide > a:nth-child(2) {display: none !important;}
.course-info-bar-tab.mfHide > #cArticle-menu-btn,
.course-info-bar-tab.mfHide > #c-comment-btn,
.course-info-bar-tab.mfHide > #c-toQuestion-btn,
.course-info-bar-tab.mfHide > #c-share-btn {display: table-cell !important;}
.course-comment__wrap {background-color: $fc}
.course-menu-tree__wrap .list-block {margin: .2rem 0;}
.course-menu-tree__wrap .list-block .course-menu-tree-childNode__wrap ul {padding-left: .4rem;}
.course-menu-tree-childNode__wrap > ul > li {margin-top: .6rem;position: relative}
/*.course-menu-tree-childNode__wrap > ul > li::before {
  position: absolute;
  left: -.9rem;
  top: .25rem;
  content: '';
  width:0;
  height:0;
  border-width: .3rem 0 .3rem .4rem;
  border-style: solid;
  border-color: transparent transparent transparent #ddd;
  @include borderRadius(1rem);
}*/
.course-menu-tree__wrap ul li.active,
.course-menu-tree__wrap ul li.active span {
  color: $red;
}
.course-menu-tree__wrap .course-menu-tree-childNode__wrap > ul > li.active::before {
  border-color: transparent transparent transparent $red;
}
.course-menu-tree__wrap .course-menu-tree-childNode__wrap > ul.course-group-menu-tree__wrap,
.course-menu-tree__wrap .course-menu-tree-childNode__wrap > ul.course-group-menu-tree__wrap > li.item-content {padding-left: 0;}
.course-menu-tree__wrap .course-menu-tree-childNode__wrap > ul.course-group-menu-tree__wrap > li.item-content {
  margin-top: -.2rem;
  margin-bottom: -.5rem;
}
.feedbackPopup-bx .card-header {padding: .5rem 0}
.feedback-txtarea {border: 1px solid #e2e2e2;padding: .1rem .3rem;height: 3.8rem;width: 100%;}
.course-group-changeBar {background-color: #f3f4f6;padding-bottom: 0;}
.course-group-changeBar > span {max-width: 50%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}

#course-comment-list li.card-header:last-child:after {
  display: none;
}

.cInfoShare-btn {
  border-width: 0px;
  color: #efb739 !important;
  border-radius: 50px 0 0 50px;
  background-color: rgba(222, 161, 23, .25) !important;
  font-size: 13px;
}
/*
course class
*/
.course-class__wrap {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  position: relative;
  padding: .2rem 0 1.4rem
}
.course-class-item-box {
  height: 7.6rem;
  width: 200%;
}
.course-class-item-box .course-class-item {
  float: left;
  @include wh(7rem, 100%);
  margin-right: .5rem;
  border: 1px solid #f2f2f2
}
.course-class-pic-bx > .wm-img {
  @include borderRadius(10px);
  @include wh(64px, 64px);
  margin: .2rem auto;
  display: block;
}
.course-class-item-box .course-class-item .ellipsis-rows{
  max-height: 2rem;
  min-height: 1rem;
}

/*course article*/
.course-article-menu-tree__wrap .history-lecture-list .item-content::before {display: none}
.course-article-menu-tree__wrap .history-lecture-list .lecture-icon {background-color: transparent;border: 3px solid $blue;@include borderRadius(3rem);margin-top: 0}
.article-title {@include sc(.98rem, $c3);margin: 0;font-weight: normal;letter-spacing: .061rem;}
.c-article-txt__wrap {@include sc(.7rem, $c3);line-height: 1.5295;
  font-weight: 400;letter-spacing: 0.021rem;}
.c-article-txt__wrap img {max-width: 100% !important;float: left;margin: .5rem .8rem .2rem 0;}
.cArticleMenuPopup.popup {
  top: inherit;
  bottom: 0;
  height: 50%;
  -webkit-transform: translate3d(0, 200%, 0);
  transform: translate3d(0, 200%, 0);
}
.cArticleMenuPopup.popup.modal-in {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

/*range*/
.zp-range__wrap {width: 100%;padding: 1rem 0;}
.zp-range-slider-container {margin: 0 auto;}
.zp-range-slider-container .back-bar {
  height: 10px;
  position: relative;
}
.zp-range-slider-container .back-bar .selected-bar {
  position: absolute;
  height: 100%;
}
.zp-range-slider-container .back-bar .pointer {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: red;
  cursor: col-resize;
  opacity: 1;
  z-index: 2;
}
.zp-range-slider-container .back-bar .pointer.last-active {
  z-index: 3;
}
.zp-range-slider-container .back-bar .pointer-label {
  position: absolute;
  top: -20px;
  font-size: 10px;
  background: white;
  white-space: nowrap;
  line-height: 1;
}
.zp-range-slider-container .back-bar .focused {
  z-index: 10;
}
.zp-range-slider-container .clickable-dummy {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.zp-range-slider-container .scale {
  top: 3px;
  position: relative;
}
.zp-range-slider-container .scale span {
  position: absolute;
  height: 5px;
  border-left: 1px solid #999;
  font-size: 0;
}
.zp-range-slider-container .scale ins {
  font-size: 9px;
  text-decoration: none;
  position: absolute;
  left: 0;
  top: 6px;
  color: #999;
  line-height: 1;
  width: 60px;
  text-align: center;

}
.zp-range-slider-container.slider-readonly .clickable-dummy,
.zp-range-slider-container.slider-readonly .pointer {
  cursor: auto;
}
.theme-blue .back-bar {
  height: 1px;
  background-color: #e7e7e7;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
  background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
  background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
  background-repeat: repeat-x;
}

.theme-blue .back-bar .selected-bar {
  border-radius: 2px;
  background-color: #92c1f9;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b1d1f9), to(#64a8f9));
  background-image: -webkit-linear-gradient(top, #b1d1f9, #64a8f9);
  background-image: linear-gradient(to bottom, #b1d1f9, #64a8f9);
  background-repeat: repeat-x;
}

.theme-blue .back-bar .pointer {
  width: 22px;
  height: 22px;
  top: -11px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 22px;
  border: 1px solid #0894ec;
  background-color: #0894ec;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3ab2fd), to(#0894ec));
  background-image: -webkit-linear-gradient(top, #3ab2fd, #0894ec);
  background-image: linear-gradient(to bottom, #3ab2fd, #0894ec);
  background-repeat: repeat-x;
}

.theme-blue .back-bar .pointer-label {
  color: #999;
}

.theme-blue .back-bar .focused {
  color: #333;
}

.theme-blue .scale span {
  border-left: 1px solid #e5e5e5;
}

.theme-blue .scale ins {
  color: #999;
}
.ex-hint-wrap {
  @include wh(100%, 100%);
  @include bis('../img/exam/exam-changeItem-tips-icon.png');
  background-size: 80%;
  background-position: 50% 50%;
}
.modal-inner:after {background-color: #e2e2e2;}
/*order*/
.order-course-list .wm-item-picture__wrap>.wm-img {
  max-width: 2.8rem;min-width: initial}
.list-block.media-list .order-course-list .item-inner {@include flex}
.order-content .card {box-shadow: none;}

/*u center*/
.u-i-head-top {padding: .2rem 0 .1rem;}
.u-i-head-top-alink {margin-left: .8rem;float: right}
.u-i-head-top-alink > i.icon {
  @include sc(1rem, $c1);
}
.memberUserTag {
  top: -.8rem;
  @include cl;
  z-index: 3;
}
.u-index-head {background-color: #fff;height: 6.21rem;padding: 0 1rem;}
.u-index-head .facebook-card {height: 3.5rem;}
.u-index-head .facebook-name {@include sc(.9rem, $c1);margin: .5rem 0 .2rem 0;}
.u-index-menu.list-block {margin: 0;}
.u-index-menu.list-block > ul::after {display: none}
.u-index-menu.list-block .item-content {height: 2.8rem;line-height: 2.8rem;padding-left: .95rem;}
.u-index-menu.list-block .item-title {font-size: .7rem;font-weight: 700;}
.u-index-menu.list-block .item-after {max-height: inherit}
.u-index-menu.list-block .item-inner:after {bottom: 8px;}
.order-content .page,
.order-content .page-group {background-color: transparent}
.u-message-list .item-media,
.u-message-list .item-inner {-webkit-align-items: flex-start;align-items: flex-start}
.u-message-list .icon-huati1 {@include sc(1.4rem, $blue);}
.u-message-list .item-title {white-space: inherit}
.u-message-list > li {
  position: relative;}
.u-message-list > li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: auto;
  right: auto;
  height: 1px;
  width: 100%;
  background-color: #f2f2f2;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.u-message-list > li:first-child:before,
.u-message-list > li:nth-child(3):before{display: none}
.u-account-head__wrap {
  @include wh(100%, 6.21rem);
  background-color: #555962;
}
.u-account-head__wrap .card-footer {padding: 1rem .8rem 0;color: #fff;}
.uAccount-bar .title-white {background-color: #555962;color: #fff}
.uAccount-bar .iconfont {@include sc(.8rem, $fc)}
.uAccount-number > b {@include sc(1.5rem, $fc);}
.uAccount-list .card-footer {padding: 0;min-height: inherit}
.uAccount-list .card-footer:before {display: none}

.u-myAccount-header-bg,
.u-myAccount-header__wrap,
.u-myAccount-header-bg:after {
  position: relative;
  background: -moz-linear-gradient(left, rgba(241,98,77,1) 0%, rgba(242,101,70,1) 100%);
  background: -webkit-linear-gradient(left, rgba(241,98,77,1) 0%,rgba(242,101,70,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(241,98,77,1) 0%,rgba(242,101,70,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.u-myQaProfit-header-bg,
.u-myQaProfit-header-bg:after {
  background: -moz-linear-gradient(left, rgba(248,109,33,1) 0%, rgba(255,148,71,1) 100%);
  background: -webkit-linear-gradient(left, rgba(248,109,33,1) 0%,rgba(255,148,71,1) 100%);
  background: linear-gradient(to right, rgba(248,109,33,1) 0%,rgba(255,148,71,1) 100%);
}
.u-myAccount-header-bg > .button,
.u-myAccount-header-bg > h1.title {color: $fc !important}
.u-myAccount-header-bg:after {
  bottom: -3px;
  height: 5px;
}
.u-myQaProfit-header-bg:after {
  bottom: -45px;
  left: -.5rem;
  right: -.5rem
}
.u-myAccount-header__wrap {
  height: 3.8rem;
}
.u-myQaProfit__wrap.u-myAccount-header__wrap {
  height: 5rem;
  background: url(../img/uc/u-myQaProfit__wrap-bg.png) no-repeat 100% -2.5rem;
  background-size: 100%;
}
.u-myAccount-header-content {
  background-color: $fc;
  margin: 0 .6rem;
  padding: 1rem .8rem;
  min-height: 5rem;
  box-shadow: 0 4px 16px 0 rgba(244,173,171,0.32);
  border-radius: .3rem;
}
.u-myQaProfit__wrap .u-myAccount-header-content {
  padding: .5rem 1rem;
}
.u-myAccount-infinite__wrap {
  height: calc(100% - 8.0rem);
  top: 8.0rem
}
.u-myProfit-infinite__wrap {
  height: calc(100% - 8.2rem);
  top: 8.2rem
}
.u-myAccount-infinite-card {
  min-height: calc(100% - 1rem);
  position: relative;
}
.wm-loadingEle-box {
  @include bis('../img/default/loading.gif');
  background-size: 12%;
  background-position: 50% 50%;
  min-height: 3rem;
}
.wm-loadingEle-box .wm-loadingEle-content-inner {
  background-color: #fff;
  min-height: 100%;
}
.u-myAccount-infinite-card .list-block .item-inner:last-child:after {display: none}
.change-uAccount-actions-item {
  text-align: left;
  color: #333;
  padding: .2rem .5rem;
}
.change-uAccount-actions-item > span {
  font-size: .9rem;
}

.cards__wrap {
  margin-top: 1rem;
  @include borderRadius(.4rem);
  box-shadow: 0 0 2rem rgba(0,0,0,.08);
}
.cards-yh-red__wrap {
  background: -webkit-linear-gradient(left, #4A7FE7 0%,#66DFB4 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #4A7FE7 0,#66DFB4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.cards-yh-green__wrap {
  background: -webkit-linear-gradient(left, #EC672C 0%,#F2B451 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,#EC672C 0,#F2B451 100%);
}
.cards-yh-blue__wrap {
  background: -webkit-linear-gradient(left, rgba(43,182,253,1) 0%,rgba(56,149,240,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(43,182,253,1) 0%,rgba(56,149,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.cards-course-footer {
  padding: 8px 0 6px;
  border-top: 1px dotted rgba(255,255,255,.3);
  margin: -5px 10px 0;
  @include sc(.5rem, $fc);
}
.cards-course-footer > span:nth-child(odd) {
  color: rgba(255,255,255,.6);
}
.cards__wrap .cards-yh {
  position: relative;
  padding: 1rem .6rem;
  color: $fc;
  min-height: 3rem;
  box-sizing: border-box;
  @include flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  background: url('../img/uc/cards-lk-bg.png') no-repeat 0 bottom;
  background-size: cover;
}
.cards__wrap .cards-yh .button {border-color: $fc;color: $fc;padding: 0 1rem;}
.cards__wrap .cards-yh .button[disabled='disabled'] {opacity: .6;}
.cards-yh__wrap {background-color: transparent;box-shadow: none;margin-top: 0;}
.cards-yh-bx {
  /*@include bis('../img/uc/cards-yh-bg.png');
  background-size: 100% 100%;*/
  min-height: 3rem;
  padding: 1rem .6rem 1rem .1rem;
  margin-top: 1rem;
}
/*.cards-yh-disabled-bx.cards-yh-bx {
  @include bis('../img/uc/cards-yh-none-bg.png');
  background-size: 100% 100%;
}*/
.cards-yh-bx .uAccount-number > b {
  color: #fff;}
.cards-yh-disabled-bx.cards-yh-bx .uAccount-number > b {
  color: #fff;
}
.list-block .lr-content__wrap::after {display: none}

/*u extension*/
.uExtension-bg,
.uExtension-head-bg {
  background: -moz-linear-gradient(left, rgba(209,220,226,1) 0%, rgba(144,163,177,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(209,220,226,1) 0%,rgba(144,163,177,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(209,220,226,1) 0%,rgba(144,163,177,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.uExtension-bg .title,
.uExtension-bg .goBack > .iconfont {color: #fff;}
.uExtension-head__wrap {box-shadow: 0 0 3rem rgba(0,0,0,0.1);margin: 0 .5rem;padding-bottom: .6rem;position: relative;top: 1.5rem;}
.uExtension-head-go-btn__wrap {padding: 0 2rem 0;}
.page-extension-course-list {height: auto;top: 10rem;}
.uExtension-head__wrap .wm-badge {
  @include wh(.4rem, .4rem);
  min-width: inherit;
  line-height: .4rem;
  padding: 0;
  left: inherit;
  right: 0;
}
.uExtension-flex-wrap {width: 100%;}
.cards__wrap .card-footer {color: $fc;margin-top: -1.0rem;}
.cards__wrap .card-footer::before {display: none;}

/*class*/
#class-list > li {
  box-shadow: none;
  border-bottom: 1px solid #f8f8f8;
  padding-top: 0;
  padding-bottom: 0; }

#class-list > li > .item-inner,
#class-list > li > .item-in {
  padding-top: 0; }
#class-list > li:last-child {border-bottom: none;}
#class-list > li .item-inner:after{
  display: none;
}
.class-login-header {
  border-top: 1px solid #f2f2f2;
  height: 3.79rem;
}
.class-l-h-bx {
  @include wh(100%, 3.41rem);
  line-height: 3.41rem;
  padding: 0 .5rem;
}
.classRome-list__wrap .face-group__wrap>li>img {
  @include wh(2.2rem, 2.2rem);
  border: 2px solid $blue;
}
.classRome-list__wrap .face-group__wrap>li>span {
  display: block;
  height: 1rem;
  @include sc(.5rem, $c3);
  max-width: 2.2rem;
}
.wm-topic-list .article-title {font-size: .8rem;word-break: break-all;}
.wm-topic-list .card-footer {background-color: transparent}
.wm-topic-list .card-footer:before {display: none}
.topic-list-picture__wrap {
  @include flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.topic-list-picture-item {
  margin: .3rem 1.3% 0 0;
  text-align: center;
  @include wh(32%, 4rem);
  position: relative;
  overflow: hidden;
}
.topic-l-picture {
  @include wh(auto, 100%);
  max-width: inherit !important;
  @include center;
  display: block;
}
.topic-list-picture-shadow {
  @include wh(100%, 100%);
  @include allcover;
  z-index: 7;
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.topic-list-picture-number__wrap {
  @include center;
  z-index: 9;
}
.topic-list-picture-number__wrap > strong {@include sc(1rem, $fc)}
.this-topic-info {background-color: #F3F4F6;margin: 0;box-shadow: none;}

.class-list .wm-desc-txt__wrap.mt5 {
  white-space: initial;
  margin-top: .2rem;
  height: 1.68rem;
  line-height: .8rem;
}

/*exam*/
.exam-in-header__wrap {
  margin: 0 .75rem .8rem;
  padding: .7rem 0 .6rem;
  overflow: hidden;
  position: relative;
  @include flex;
  @include borderRadius(.25rem);
  background:rgba(255,255,255,1);
  border:1px solid rgba(219, 219, 219, 0.2);
  box-shadow:0px 10px 20px 0px rgba(219,228,235,0.38);
  box-sizing: border-box;-webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.exam-in-header__wrap .exam-in-l-txt {width: 58%;@include sc(.55rem, #777)}
.exam-in-header__wrap .exam-in-c-txt {width: 34%}
.exam-in-lc-num-txt {@include sc(.75rem, #352F3A)}
.exam-in-c-rank__wrap {
  @include wh(3.8rem, 3.8rem);
  /*border: 1px solid #BCDEFC;*/
  @include borderRadius(4rem);
  @include boxShadow(0,.25rem,.5rem,#dbe4eb,.6);
  margin: 0 auto;
  position: relative;

}
.exam-in-c-rank-bg {
  @include wh(3.8rem, 3.78rem);
  @include center;
  @include borderRadius(6rem);
  z-index: 1;
  overflow: hidden;
}
.exam-in-c-rank-bl__wrap {
  position: relative;
  @include wh(100%, 100%);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
}
.wm-box-border {
  border: 1px solid #f8f8f8;
  height: 2.4rem;
}
.exam-in-c-bl-1,
.exam-in-c-bl-2,
.exam-in-c-bl-3 {
  @include wh(100%, 100%);
  position: absolute;
  top: 0;
  left: 0;
}
.exam-in-c-bl-1 {
  background: url('../img/exam/exam-in-c-bl-1.png') no-repeat left bottom;
  background-size: 100%;
}
.exam-in-c-bl-2 {
  background: url('../img/exam/exam-in-c-bl-2.png') no-repeat 50% bottom;
  background-size: 100%;
}
.exam-in-c-bl-3 {
  background: url('../img/exam/exam-in-c-bl-3.png') no-repeat 50% bottom;
  background-size: 100%;
}
.waveAnimation .exam-in-c-bl-1 {
  -webkit-animation: move_wave 5s linear infinite alternate;
  animation: move_wave 5s linear infinite alternate;
}
.waveAnimation .exam-in-c-bl-2 {
  -webkit-animation: move_wave 6s linear infinite alternate;
  animation: move_wave 6s linear infinite alternate;
}
.waveAnimation .exam-in-c-bl-3 {
  -webkit-animation: move_wave 7s linear infinite alternate;
  animation: move_wave 7s linear infinite alternate;
}
/*.waveAnimation .exam-in-c-rank-txt {
  -webkit-animation: move_wave 7s linear infinite alternate;
  animation: move_wave 7s linear infinite alternate;
}*/

@-webkit-keyframes move_wave {
  0.1% {transform: rotate(0deg)}
  33% {transform: rotate(-8deg)}
  66% {transform: rotate(0deg)}
  100% {transform: rotate(8deg)}
}
@keyframes move_wave {
  0.1% {transform: rotate(0deg)}
  33% {transform: rotate(-8deg)}
  66% {transform: rotate(0deg)}
  100% {transform: rotate(8deg)}
}

.exam-in-c-rank-txt {
  @include center;
  z-index: 7;
}
.exam-in-c-rank-txt > strong {@include sc(.8rem, #352F3A);display: block}
.exam-index-main {
  position: relative;
  height: calc(100% - 8.6rem);
  bottom: 0;
  left: 0;
  right: 0;
}
.exam-in-item-list__wrap,
.exam-test-tree__wrap {margin: 0;}
.exam-in-item-list__wrap .item-link .item-inner {padding-top: 0;}
.exam-in-item-list__wrap > ul:before,
.exam-in-item-list__wrap > ul:after {display: none;}
.exam-in-item-list__wrap > ul > .item-link,.mine-exam-bx {padding: .5rem 0 .5rem .75rem;}
.exam-in-item-icon {
  @include wh(2.2rem, 2.2rem);
  display: block;
  margin: 0 .1rem;
}
.exam-in-item-icon-1 {
  @include bis('../img/exam/e-kt-5.png');
}
.exam-in-item-icon-2 {
  @include bis('../img/exam/e-kt-4.png');
}
.exam-in-item-icon-3 {
  @include bis('../img/exam/e-kt-6.png');
}
.exam-in-item-icon-4 {
  @include bis('../img/exam/e-kt-7.png');
}
.exam-in-error-icon-1 {
  @include bis('../img/exam/e-kt-2.png');
}
.exam-in-error-icon-2 {
  @include bis('../img/exam/e-kt-3.png');
}
.exam-in-error-icon-3 {
  @include bis('../img/exam/e-kt-1.png');
}
.course-in-item-icon-1 {
  @include bis('../img/default/course-in-item-icon-1.png')
}
.course-in-item-icon-2 {
  @include bis('../img/default/course-in-item-icon-2.png')
}
.course-in-item-icon-3 {
  @include bis('../img/default/course-in-item-icon-3.png')
}
.custom-rule-list .item-input > input,
.custom-rule-list .item-input > textarea {
  background-color: #f2f2f2;
}

.find-in-item-icon {
  @include wh(2.8rem, 2.8rem);
  display: block;
  margin: 0 .1rem;
  @include bis('../img/study/findIndex-icon.png');
  background-size: 100%;
}
.find-in-item-icon-1 {
  background-position: 0 0;
}
.find-in-item-icon-2 {
  background-position: 0 -2.8rem;
}
.find-in-item-icon-3 {
  background-position: 0 -5.6rem;
}
.find-in-item-icon-4 {
  background-position: 0 -8.4rem;
}
.find-in-item-icon-5 {
  background-position: 0 -19.6rem;
}
.find-in-item-icon-6 {
  background-position: 0 -16.8rem;
}
.exam-test-tree__wrap .item-link .item-inner {background: none}
.exam-test-tree__wrap ul ul {padding-left: .65rem;width: 100%;}
.exam-test-tree__wrap ul.history-lecture-list {padding-left: 0;padding-bottom: .8rem;}
.exam-test-tree__wrap ul ul > .lorsetExamLiFirst::before {height: auto;}
.exam-test-tree__wrap .icon-wujiaoxing {font-size: .92rem;}
.ett-icon {
  position: absolute;
  right: .5rem;
  top: .5rem;
  @include sc(.85rem, $blue);
}
.vee-head {
  @include wh(13.5rem, 8rem);
  margin: -.75rem;
  @include bis('../img/exam/vip-ex-el-bg.png');
  background-color: $blue;
  border-radius: .35rem .35rem 0 0;
}
.vee-head-txt {@include sc(.7rem, $fc);padding: .98rem;}
.e-report-chart__wrap {
  @include wh(8rem, 8rem);
  margin: 1rem auto;
  position: relative;
}
.e-report-num-box::before {
  content: '';
  position: absolute;
  left: auto;
  top: 0;
  bottom: 0;
  right: auto;
  height: 100%;
  width: 1px;
  background-color: #efefef;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.exam-option-bx {
  border: 1px solid #e0e0e0;
  @include wh(1.68rem, 1.68rem);
  @include borderRadius(3rem);
  line-height: 1.68rem;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  margin: .5rem .29rem 0;
}
.exam-r-bar-tab.bar-tab .cInfo-price-bx,
.wm-bar-tab-bx.bar-tab .wmGoToPay {
  background-color: $blue;
  height: 2.5rem;
  line-height: 2.5rem;
  width: 32% !important;
}
.wm-bar-tab-bx.bar-tab .inp-txt__wrap {
  width: 32% !important;
}
.wm-bar-tab-bx.bar-tab {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.wm-bar-tab-bx.bar-tab .wmGoToPay {
  background-color: $red;
  width: 45% !important
}
.exam-option-bx > span {@include sc(.85rem, $c6)}
.exam-option-disabled {background-color: $bc}
.exam-option-correct {background-color: $green;border-color: $green}
.exam-option-error {background-color: $red;border-color: $red}
.exam-option-correct > span,
.exam-option-error > span,
.b-halfRight > span {color: $fc}
.e-report-chart {
  @include wh(8rem, 8rem);
  @include borderRadius(6rem);
  border: 1px solid #e0e0e0;
  position: relative;
}
.ex-option-li li label {display: block;margin: .6rem 0;padding: .3rem 0 .3rem 1.8rem;min-height: 1.8rem;position: relative;vertical-align: middle;overflow: hidden;}
.ex-option-li li label .opInp,.answer-c-list li .opInp {border: 1px solid $blue;@include ct;@include wh(1.4rem, 1.4rem);left: 0;line-height: 1.3rem;text-align: center;}
.opInp.opInt-radio {border-radius: 50%;}
.opInp.opInt-checkbox {border-radius: 4px;}
.ex-option-li li label.current .opInp,.answer-c-list li.current .opInp {background: $blue;}
.ex-option-li li label.current .opInp small,.answer-c-list li.current .opInp small {color: #fff;}
.ex-option-li li .opInp[type="radio"],.ex-option-li li .opInp[type="checkbox"] {opacity: 0;-moz-opacity: 0;}
.ex-option-li li .opTxt {@include sc(.65rem, $c3);line-height: 20px;vertical-align: middle;}
.ex-option-li li .opTxt img {max-width: 100%;}
.opInp small {@include sc(.9rem, $blue)}
.examination__wrap .swiper-container {height: 100%;}
.examination__wrap .exam-st-cont {
  height: calc(100% - 1px);}
.examination__wrap .exam-st-cont img {width: auto;max-width: 100% !important;}
.exam-tk-bx .list-block {margin: .3rem 0;}
.exam-tk-bx .list-block .item-title {width: 10%}
.exam-tk-bx .wm-desc-txt__wrap {height: auto;}
.e-jg-icon {
  display: inline-block;
  @include wh(1rem, 1rem);
  @include borderRadius(3rem);
  line-height: .92rem;
  text-align: center;
}
.e-jg-icon > .iconfont {@include sc(.5rem, $fc)}
.e-correct-icon {background-color: $green}
.e-error-icon {background-color: $red}
.e-tj-item {
  background-color: #ECF4FF;
  padding: .3rem .6rem;
  height: 3.2rem;
}
.exam-stop-icon,
.c-classTest-icon {
  @include cl;
  @include wh(7rem, 7rem);
  top: -5rem;
}
.exam-stop-icon > span,
.c-classTest-icon > span {
  @include bis('../img/exam/exam-stop-icon.png');
  display: block;
  height: 7rem;
}
.c-classTest-icon > span {
  @include bis('../img/exam/class-test-icon.png');
}
.checkInfo-icon > span {
  height: 6rem;
  @include bis('../img/exam/checkInfo-icon.png')
}
.applyWithdraw-icon > span {
  height: 6rem;
  @include bis('../img/exam/applyWithdraw-icon.png')
}
.bindZfb-icon > span {
  height: 6rem;
  @include bis('../img/exam/bindZfb-icon.png');
}
.bindWx-icon > span {
  height: 5.9rem;
  @include bis('../img/exam/bindWx-icon.png')
}
.bindWxCode-icon > span {
  height: 5.2rem;
  @include bis('../img/exam/bindWxCode-icon.png');
}

.bindEWxCode__wrap {
  @include wh(8rem, 8rem);
  position: relative;
  margin: 0 auto;
}
.bindEWxCode__wrap > img {
  display: block;
  background-color: #fff;
  @include center;
  @include wh(100%, 100%);
}

#e-report-process {
  @include wh(7.4rem, 7.4rem);
  @include center;
}
.e-report-chart > span {@include cl;top: 1.2rem;}
.chart-df {
  @include ct;
  margin-top: .8rem;
  @include sc(.7rem, $c8);
  right: 1.6rem;
}
.photo-browser-light .swiper-slide img {width: auto;}
.photo-browser-light .photo-browser-swiper-container {background-color: #333;}
.subject-orientation__wrap .page {background: $fc url('../img/study/subject-or-bg.jpg') no-repeat 50% 0;background-size: 100%;}
.subject-orientation__wrap .bar,
.subject-orientation__wrap .wm-content {background-color: transparent}
.subject-orientation__wrap .bar::after {display: none}

.fileUpload__wrap {position: relative}
.fileUpload-inp {
  position: absolute;
  left: 0;
  top: 0;
  @include wh(4rem, 1.1rem);
  opacity: 0;
  z-index: 9;
}
.swiper-slide.swiper-slide-active .wm-line {height: .06rem;}
/*w share*/
.wShare__wrap .actions-modal-group {
  display: flex;
  display: -webkit-flex;}
.wShare__wrap .actions-modal-group:first-child .actions-modal-button {
  padding: .5rem 0;
  font-size: .6rem;
  line-height: 2;
}
.wShare__wrap .actions-modal-group:first-child .actions-modal-button .icon {font-size: .8rem;vertical-align: top;display: block;height: 1.6rem;}
.invitation-yellow__wrap {
  background: -webkit-linear-gradient(left, rgba(224,160,26,1) 0%,rgba(239,178,35,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(224,160,26,1) 0%,rgba(239,178,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.invitation-card__wrap {background-color: $fc;@include borderRadius(.3rem);margin: 2rem auto .5rem;width: 92%;min-height: 8rem;padding-bottom: 1rem;text-align: center}
.invitation-card__wrap .facebook-avatar {
  @include cl;
  margin-top: -1.2rem;
}
.invitation-card__wrap .facebook-avatar .list-block-userface {border: .18rem solid #fff;}
.invitation-card__wrap .facebook-name {padding: 3.3rem 1rem 0;@include sc(.95rem, $c3)}
.invitation-ewm__wrap > img {@include wh(60%, 60%);margin: .5rem 0;}

/*login register forget*/
.lr-header {
  text-align: center;
  padding: .7rem 0 .4rem;
  width: 100%;
  @include sc(.8rem, $c8)
}
.lr__wrap {padding-bottom: 1rem;}
.list-block .lr-content__wrap {
  padding: .8rem .6rem .2rem;
}
.list-block .lr-content__wrap > li {
  margin-bottom: .9rem
}
.lr-links {
  @include sc(.6rem, $mc);
}
.lr-suBtn__wrap .button {
  background-color: $mc;
  border-color: $mc;
  color: $fc;
}
.lr-thlogin__wrap {
  padding: .6rem 0 1rem;
  color: #ddd;
}
.lr-thlogin-btn > .iconfont {@include sc(1.6rem, #80A8DD);margin: 0 1.0rem;}
.lr-icon-head > .iconfont {@include sc(2.6rem, #80A8DD);}
.form-tips__wrap {margin-top: .5rem;}
.ft-error,
.ft-error > .iconfont {@include sc(.36rem, $red);}
.register-ft__wrap {@include sc(.6rem, $c8)}
.vCode_box > input {width: 60% !important;}
.vcode_wrap {
  position: absolute;
  right: 0;
  @include ct;}

/*about*/
.ab-h_box:after{content:'';height: 0;}
.ab-header{@include sc(1.1rem, $c3);}
.register-ft__wrap{margin-top: 1.5rem;}
.register-ft__wrap span.ab_wrap{display: block;line-height: 1.2rem;}

/*protocol*/
.pMain{margin: 0;padding: .5rem}
.reg_pro{font-size: .75rem;padding: 0 .25rem ;min-height: 1.2rem;}
.reg_content{padding: 0 .25rem .25rem;font-size: .5rem;}

/*new css*/
/*.lr-tel-ico.new-tel-ico,.vcode_wrap,.ex-option-li li label .opInp, .answer-c-list li .opInp{transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%)}
.list-block select{direction: rtl;}
.list-block .item-content.extend-main{padding-left: .6rem}
.list-block .item-inner .extend-inner{padding-right: .6rem;}
@media only screen and (min-width:344px) and (max-width:374px){
  .list-block .item-title,.list-block .item-input{width:auto}
  .list-block select{display: inline-block;margin-right: 0;width: auto;}
  .list-block  .h-item-inner .item-title{min-width:100%;width: 100%;max-width:100%;}
  .h-item-inner .row,.h-item-inner .row .col-50,.wm-attr-wrap>.col-auto{margin:0;}
  .lecture-list__wrap .list-block .item-inner{padding:.8rem .75rem .8rem 0}
  .wm-buttons-tab .button::after,.teacher-face.teacher-pic__wrap,.e-report-chart>span,.chart-df{transform: translateX(-50%);-webkit-transform:translateX(-50%)}
  .wm-course-list .item-content .item-media,.wm-course-list .item-content .item-inner{align-items: flex-start;-webkit-align-items:flex-start;}
  .wm-cm-title{display:block;min-width:100%}
  .faceSmall .teacher-face{-webkit-transform: scale(0.5) translateX(-100%);transform: scale(0.5) translateX(-100%);}
  .exam-in-c-rank-txt,.exam-in-c-rank-bg,#e-report-process,.course-play-btn, .free-read-btn,.topic-list-picture__wrap .topic-list-picture-item .topic-l-picture{transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
  .list-block .item-after.item-quiz{position: absolute;top: 0.8rem;right: 0.75rem;}
  .wm-course-list>.item-content.my-item-main .item-media,.e-main .item-content .item-media{float: left;}
  .wm-course-list>.item-content.my-item-main{-webkit-box-pack: start;justify-content:flex-start;-webkit-justify-content: flex-start;-webkit-box-align: start;-webkit-align-items: flex-start;align-items:flex-start;}
  .wShare__wrap .actions-modal-group:first-child .actions-modal-button{display: inline-block;}
  .topic-list-picture__wrap{display: inline-block;width: 100%;}
  .topic-list-picture__wrap .topic-list-picture-item{float: left;}
  .teacher-info__wrap .e-tg-txt-pic{max-width: 100%;}
  .e-index-content>.content,#page-infinite-scroll-bottom>.content{overflow-x: hidden;}
  .e-main .item-content{padding-left: .5rem;}
  .e-main .item-content .item-inner{margin-left: .25rem;padding-right: 1.25rem;}
  .e-main .item-content.e-item-main{display: flex;display: -webkit-flex;-webkit-box-pack: start;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-box-align: start;-webkit-align-items: flex-start;align-items: flex-start;}
  .e-main .item-content.e-item-main .e-inner{padding-right: 6.05rem;}
  .e-main .item-content.e-item-main .e-error-inner{padding-right: 4.9rem}
}*/

.card-header.pay-header{padding: .5rem;}
.payLogo{width: 5.25rem;height: 5.25rem;overflow: hidden;margin: auto;}
.payLogo img{width: 100%;height: 100%;overflow: hidden;display: block;}
.pay-matop{margin-top: -.5rem;}

/*member CSS*/
.u-m-title{min-height: 2.2rem;position: relative;padding: .5rem .75rem;color: #7f8fa2;background-color: #f5f5f5;}
.no-open-member{font-size: .8rem;display: inline-block;margin-bottom: .3rem;}
.u-member-new_box{padding: 1rem;}
.history-lecture-list.uMember-list .item-content::before{content: '';width: 0;}

/*audio New CSS*/
.myAudio__wrap .course-play-bg{filter: blur(8px);-webkit-filter: blur(8px);}
.myAudio-control {position: absolute;bottom: 0;left: 0;right: 0;height: 20px;z-index: 11;}
.myAudio-control .au-progress {width: 100%;height: 20px;}
.au-time__wrap {position: absolute;right: 5px;top: 0;line-height: 20px;}
.au-time__wrap span{color: #ccc;}
.w-dm__wrap { position: relative;width: 100%;height: 8.8rem;overflow: hidden;/*margin-top: -25px;*/z-index: 19}
.w-au-pic__wrap {width: 130px;height: 130px;position: absolute;left: 50%;top: 50%;margin: -65px 0 0 -65px;overflow: hidden;background-position: 50% 0;background-repeat: no-repeat;background-size: cover;border-radius: 120px;box-shadow:0 0 40px rgba(0,0,0,.5);z-index: 9;}
.au-play-end-btn {margin-top: 36px;z-index: 11;}
.au-play-end-btn .w-play-btn {background-color: rgba(0,0,0,.4);text-align: center}
.au-play-end-btn .iconfont {color: #F89901;}
.au-play-end-btn .icon-zanting {margin-left: 0;}
.au-play-end-btn .icon-sanjiao {color: #3e83e5}
.Rotation{animation: 9.5s linear 0s normal none infinite rotation;-webkit-animation: 9.5s linear 0s normal none infinite rotation;}
@-webkit-keyframes rotation {from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);}}
/*academic CSS*/
.academic-btn{background-color: #fff4e6;line-height: 1.5rem;}
.academic-btn i{position: absolute;right: 1.2rem;margin-top: .1rem;}
.academicBox{margin-bottom: 0.5rem;padding: 0 0.5rem 0.25rem;background-color: #fff;}
.academicMain{line-height: 1.3rem;padding: .65rem 0;}
.academicBox .col-25{margin-left: 0;width: 25%;}
.academicBox .col-25 button{float: right;}
.academicCon ul{margin-left: -0.5rem;}
.academicCon li{display: inline-block;font-size: 0.75rem;margin-left: 0.5rem;}
.academicCon li i{color: #5585e5;}
.academicCon li span{color: #999;padding-left: 0.25rem;}

.teacher-info__wrap img {max-width: 100%;}
.gradeBox {border: solid 2px #6199ea;@include borderRadius(1.3rem);padding: .3rem 0;}
.g_score {padding-right: .8rem;border-right: 2px #3e83e5 solid;}
.gradeBox input {width: 58%;padding: .05rem .25rem .05rem .5rem;border: none;font-size: .7rem;}
.wm-attr-btn {min-height: 1.9rem;}
.cm-desc-txt__twoLine {height: 2.1rem;overflow: hidden;white-space: normal;word-wrap: break-word;word-break: break-all;line-height: 1.05rem;}
.cm-desc-txt__twoLine p {margin: 0;}
.member-box {display: block;text-align: center;padding: .4rem 0;color: #f9574a;}
.member-block-wrap {margin: 0;}
.member-block-wrap > .item-link {padding-left: 0;color: #f9574a;}
.cp-shadow .cp-return {display: block;height: 2.2rem;line-height: 2.2rem;color: #fff !important;margin-left: .25rem;}
.prompt_bg {@include allcover;@include wh(100%,100%);background: rgba(0, 0, 0, 0.4);z-index: 10600;visibility: visible;opacity: 1;-webkit-transition-duration: 400ms;transition-duration: 400ms;}
.sharePrompt {@include cl;top: 12rem;z-index: 10700;}
.sharePrompt p {padding: .5rem 1rem;color: #fff;font-size: .85rem;margin: 0;border: dotted 1px #fff;white-space: nowrap;}
.shareArrow {position: absolute;top: 9rem;right: 2rem;z-index: 99999}
.shareArrow em {@include bis('../img/default/arrows.gif');@include wh(3.725rem,2.75rem);display: inline-block;}

/*live module*/
.wm-live-list__box.list-block ul:before,.wm-live-list__box.list-block ul:after,.wm-exam-btn-tab .buttons-tab:after,.list-block .record-list .item-inner:after,.list-block ul:before,.list-block ul:after{height: 0;}
.wm-live-list__box.list-block > ul{padding-top: .4rem;}
.wm-live-list__box.list-block > ul > li{margin-bottom: .7rem;}
.wm-live-list__box.list-block.media-list .item-media{padding: .25rem 0;}
.live-teach-pic__wrap{margin: 0;@include wh(2.5rem,2.5rem);position: relative;}
.live-teach-pic__wrap .wm-img{border: none;}
.wm-live-list__box.list-block.media-list .live-item-inner{padding: .3rem 0 0;margin-left: .5rem;}
.live-time,.live-time i{@include sc(.65rem,#999);}
.live-title{color: #585858;margin-top: .35rem;}
.p-living{@include sc(.5rem,#9A9A9A);margin-bottom: .2rem;}
.button.watch-live{@include sc(.55rem,$fc);@include boxShadow(0px, .0625rem, .5rem, #FA574A,.38);
  height: 1.5rem;line-height: 1.5rem;display: inline-block;min-width: 2.8rem;}
.button.live-bespeak{box-shadow: none;background-color: #EBF2FC;color: #3E83E5;}
.button.live-playback,
.button.live-playback:active {box-shadow: none;background-color: #F9F9F9;color: #A9ABAE;}
.button.watch-live.disabled {box-shadow: none}
.button.purple-button {
  background-color: rgba(69,135,248,1);
  box-shadow: 0 2px 18px 0 rgba(32,113,250,0.38);
}

.shadeBg{@include allcover;@include wh(2.5rem,2.5rem);@include borderRadius(3rem);background: rgba(0,0,0,.5);z-index: 9;}
.watch-live-ico{@include bis("../img/default/watch-live-ico.gif");@include wh(.825rem,.85rem);@include center;z-index: 15;}

.live-play__wrap{height: 6.8rem;}
.live-play-title{position: absolute;bottom: 1rem;left: 0;padding: 0 .75rem;z-index: 20;width: 100%;color: $fc;}
.live-play-title h3{font-weight: 500;font-size: 1rem;margin: 0;}
.live-play-title span{opacity: .6;filter: alpha(opacity=60);}
.live-cont__wrap{
  position: relative;top: -.5rem;z-index: 20;
  background-color: $fc;
  border-radius: .5rem;
  /*box-shadow:0px 8px 15px 0px rgba(161,161,161,0.14);*/
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.wp-live{margin: 0 .5rem;padding: .5rem 0 0;background: transparent;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.wp-live .wl-live-left{
  padding: .75rem .5rem;
  background-color: #F5F9FF;
  @include borderRadius(.3rem);
  @include flex;
  box-sizing: border-box;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;}
.latest-live-ico{@include ct;left: 0;@include wh(1.85rem,1.85rem);@include bis("../img/default/latest-live.png");display: inline-block;}
.wp-live-txt__wrap{width: 100%;position: relative;height: 1.85rem;line-height: 1.85rem;padding-left: 3.05rem;}
.wp-live-txt__wrap>.swiper-wrapper {height: 1.85rem;position: relative;display: block;width: 100%}
.wp-live-txt__wrap>.swiper-wrapper>li {height: 1.85rem;width: 100%;}
.latest-live-line{width: 1px;background-color: #DFE8F5;height: 1.85rem;position: absolute;left: 2.45rem;}
.wp-live-txt__wrap li span{display: block;line-height: normal;height: .8rem;}
.wp-live-txt__wrap li span:first-child{color: #ACB6C6;}
.wp-live-txt__wrap li span:last-child{color: $c3;font-size: .65rem;margin-top: .25rem;}
.live-cont__box{top: 12.6rem;bottom: 2.5rem;}
.wp-live-card-tit{font-size: .8rem;font-weight: 500;}
.wp-live-card__wrap{padding: .375rem 0 0;}
.wm-live-cont__wrap{color: #272E34;font: 0.7rem/160% "Helvetica Neue";text-align: justify;}
.wm-live-line{@include wh(100%,.5rem);background-color: #f3f4f5;}
.teach-name{@include sc(.75rem,#4A4A4A);font-weight: 500;padding-bottom: .2rem;}
.live-tree-catalog{@include flex;box-sizing: border-box;-webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;overflow: visible;margin-bottom: .6rem;}
.wm-liveInfo__box.list-block .item-content{padding-left: .25rem;}
.live-menu-tree-tit{@include sc(.7rem,#2B333B);white-space: normal;max-height: 2.1rem;overflow: hidden;display: block;}
.wm-live-attr-wrap{@include sc(.55rem,#7E8388);margin-top: .2rem;}
.course-menu-tree-childNode__wrap .live-menu-tree-tit{font-size: .6rem;}
.course-menu-tree-childNode__wrap.live-menu-tree-childNode__wrap > ul > li:before{background-color: transparent;}
.live-menu-tree-childNode__wrap > ul > li{padding: .2rem 0;box-shadow: none;margin: 0;}
.chapter-content{padding: 0 .1rem 0 1.5rem;position: relative;}
.chapter-num{font-size: .75rem;font-weight: bold;color: #bbb;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);min-width: 1rem;text-align: center; }
.watch-liveInfo-ico{left: 0;transform: translateY(-50%);}
.live-menu-tree-childNode__wrap ul li.active span,.live-menu-tree-childNode__wrap ul li.active .live-menu-tree-tit{color: #FA574A}
.course-menu-tree__wrap .list-block .live-menu-tree-childNode__wrap > ul {padding-left: .4rem;}
.live-menu-tree-childNode__wrap.course-menu-tree-childNode__wrap>ul>li::before {display: none;}

.list-block.index-live-list__wrap{margin: 1rem 0 .5rem;}
.index-live-list__wrap .live-teach-pic__wrap{@include cl;top: -1rem;z-index: 15;}
.index-live-list__wrap .live-teach-pic__wrap .shadeBg{border: solid .15rem #FA574A;}
.button.index-l-time{background: #383838;font-size: .65rem;height: 1rem;line-height: 1rem;@include boxShadow(0, 0, .3rem, #383838, .38);@include cl;z-index: 30;top: .9rem;}
.list-block.index-live-list__wrap .item-inner{padding: 1.85rem 0 .55rem;border-bottom: solid 1px #eef2f5;margin: 0 .75rem .5rem 0;}
.index-p-living{padding-top: .35rem;font-size: .65rem;}
.index-live-list__wrap .wm-cm-title{@include sc(.7rem,#585858);}
.index-live-list__wrap .live-teach-pic__wrap .bespeak-img{border: solid .15rem #3E83E5;}
.index-live-list__wrap .live-teach-pic__wrap .playback-img{border: solid .15rem #A9ABAE;}
#live-course-list-box li > .item-content {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

/*exam index*/
.mine-exam-bx aside{font-size: .8rem;}
.mine-exam-bx a{padding-right: 1.5rem;margin-top: .15rem;
  background-image: url();
  background-size: 0.7rem;
  background-repeat: no-repeat;
  background-position: 97% center;
  background-position: -webkit-calc(100% - .5rem) center;
  background-position: calc(100% - .5rem) center;}
.exam-page__wrap{top: 0;height: auto;}
.wm-exam-btn-tab{
  margin: 0 .75rem;
  border:1px solid rgba(219, 219, 219, 0.2);
  border-radius: .15rem;
  height: 2.5rem;
}
.wm-exam-btn-tab i,.wm-exam-btn-tab span{display: inline-block;}
.wm-exam-btn-tab .wm-buttons-tab .button{@include sc(.55rem,#242932)}
.exam-in-c-txt p{color: #333;margin: 0 0 .2rem 0;}

/*information*/
.wm-information-list.wm-course-list__wrap.list-block>ul>li {
  box-shadow: none;
  padding: .1rem 0;
  border-bottom: 1px solid #f8f8f8;
}
.wm-information-list.wm-course-list__wrap.list-block>ul>li:last-child {border: none;}
.wm-information-list.wm-course-list__wrap.list-block>ul:before,
.wm-information-list.wm-course-list__wrap.list-block>ul:after {
  display: none;
}
.wm-article-title {height: auto;}
.wm-article-title .wm-cm-title {
  font-size: 1rem;
  line-height: 140%;
  font-weight: 700
}
.wm-article-cont {
  min-height: 8rem;
  font-size: .7rem;
  word-break: break-all;
  overflow: hidden;
}
.b-halfRight {
  background: -webkit-linear-gradient(top, rgba(254,94,61,1) 50%,rgba(71,197,161,1) 50%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(254,94,61,1) 50%,rgba(71,197,161,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  color: #fff !important;
}
.icon-halfRight {
  display:inline-block;
  width:9px;
  height:9px;
  line-height:9px;
  font-size:0;
  border-radius:9px;
}
/*audio and video  CSS*/
.audio-shadow{background: #fff;}
.box_radio{padding: 0 .75rem;position: relative;top: 2.2rem;}
.audio_box {
  width:100%;
  overflow: hidden;
  text-align: center;
}
.audio_btn{
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
}
.audio_box  .btn_ff,.audio_box  .btn_fr {
  width: .8rem;
  height: 0.9rem;
  margin-top: -.5rem;
  display: inline-block;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.audio_box  .btn_ff {
  background-image: url(../img/audio/btn_ff.png);
}
.audio_box  .btn_fr {
  background-image: url(../img/audio/btn_fr.png);
}
.audio_box .cover {
  width: 4.5rem;
  height: 4.5rem;
  background-size: 100%;
  border-radius: 50%;
  margin: 0 0.5rem;
}
.audio_box .btn_play{
  width: 4.375rem;
  height: 4.375rem;
  margin: -.8rem 1.6rem 0;
  background-image: url(../img/audio/btn_play.png);
  background-size: 100% 100%;
}
.audio_box .btn_pause {
  background-image: url(../img/audio/btn_pause.png);
  background-size: 100%;
}
.audio_box .music-nav {
  position: relative;
  margin: 0.5rem 0;
  width: 100%;
  height: 0.2rem;
}
.audio_progress {
  width: 100%;
  height: 0.2rem;
  -webkit-appearance: none;
}
.audio_progress input{
  left: 0;
  top:0;
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 0.2rem;
  -webkit-appearance: none;
  opacity:0;
}

.audio_progress input::-webkit-slider-thumb {
  width: 0.2rem;
  height: 0.2rem;
  background-color: #0d0d0d;
  background-size: 0.2rem ;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.audio_line{
  width: 100%;
  height: 0.1rem;
  background-color: #f2f2f2;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.audio_blue{
  width: 0;
  height: 0.1rem;
  position: absolute;
  top:50%;
  margin-top: 0;
  left:0 ;
  background-color:#ffab04;
}
.audio_dot{
  position: absolute;
  top:-.54rem;
  left:-.15rem ;
  width: .75rem;
  height: 1.35rem;
  background-image: url(../img/audio/btn_now.png);
  background-repeat: no-repeat;
  background-size: .75rem 1.35rem;
}
.time{
  color: #666666;
  font-size: 0.6rem;
  margin-top: .5rem;
}
#saveFeedBackForm > ul::before {display: none}

.ex-hint{margin: 0 1.5rem;@include ct;-webkit-transform: translateY(-50%);}
.ex-hint img{max-width: 100%;display: block;}
.wm-course-list .wm-attr-wrap:last-child{margin-top: .1rem;}
.bar .liveBack{position: absolute;}
.bar .live-searchbar{padding-left: 1.7rem;}

/*studyRecord CSS*/
.record_wrap,.list-block ul.record-list{background-color: #f4f5f9;}
.history-lecture-list.record-list .item-content{padding-bottom: .75rem;}
.history-lecture-list.record-list .item-content:first-child::before{top: 0;/*left: 1.036rem;*/}
.history-lecture-list.record-list .item-content.item-year{min-height: 1rem;height: 2.5rem;padding-top: .75rem;}
.s-r-year{color: #fff;min-height: auto !important;padding: 0 !important;}
.s-r-year span{display: inline-block;background-color: #4688F8;padding: 0 .45rem;line-height: 1rem;@include borderRadius(.5rem);}
.history-lecture-list.record-list .lecture-icon{width: .6rem;height: .6rem;border: solid .05rem #4587F8;background-color: #f4f5f9;position: relative;}
.history-lecture-list.record-list .wm-item-picture__wrap>.wm-img{max-width: 5.35rem;}
.lecture-list__wrap .list-block .record-list .item-inner.s-r-inner{margin: 0 .75rem 0 .5rem;padding: .75rem;background-color: #fff;position: relative;overflow: inherit;@include boxShadow(0,.5rem,1rem,#DAE4EA,.6);@include borderRadius(.25rem);}
.lecture-list__wrap .list-block .record-list .item-inner.s-r-inner:before{content: '';width:0;
  height:0;
  border-width: .35rem .35rem .35rem 0;
  border-style:solid;
  border-color:transparent #fff transparent transparent;
  margin:0;
  position:absolute;top: 1.18rem;left: -.35rem;z-index: 9;}
.item-content-record{box-sizing: border-box;
  min-height: 2.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;}
.lecture-list__wrap .list-block .item-content .item-media.item-record{margin: 0;padding: 0;}
.lecture-list__wrap .list-block .item-content .item-inner.inner-record{margin: 0;padding: 0 0 0 0.75rem;}
.lecture-list__wrap .list-block .item-content .item-inner.inner-record .wm-cm-title{font-size: .7rem;line-height: .85rem;height: 1.7rem;overflow: hidden;white-space: normal;}
.ucenter-infinite__wrap{top: 10rem;height: calc(100% - 10rem)}
.ucenter-cont__wrap{top: 0;margin: 0 -.25rem;box-shadow:0px 8px 15px 0px rgba(161,161,161,0.14);border-radius: .5rem;}
.ucenter-cont__wrap .wp-live{padding: 0}
.ucenter-cont__wrap .wp-live .wl-live-left{padding: .6rem 0;background-color: #fff;width: 100%;height: 2.8rem;}
.wp-live-txt__wrap i{font-size: 1rem;position: absolute;left: 0;}
.wp-ucenter_wrap{padding-left: 1.8rem;}
.wp-live-txt__wrap.wp-ucenter_wrap li span:first-child{color: $blue}

.order-detail-head-bx {
  padding: 1.4rem .8rem;
  overflow: hidden;
  color: #fff;
  background: -webkit-linear-gradient(135deg, rgba(247,136,63,1) 0%,rgba(231,65,42,1) 100%);
  background: linear-gradient(135deg,rgba(247,136,63,1) 0%,rgba(231,65,42,1) 100%)
}
.u-index-study-history__wrap {
  background:rgba(69,135,248,0.06);
  @include borderRadius(.4rem);
  padding: 0 .1rem;
  margin: .5rem .9rem 0;
  overflow: hidden;
}
.u-index-study-history__wrap .card {
  background-color: transparent;
}
.u-index-study-history-icon {
  display: inline-block;
  @include wh(1.6rem, 1.5rem);
  background: url('../img/uc/u-index-study-history-icon.png') no-repeat 50% 50%;
  background-size: 100%;
  @include ct;
  left: 0;
}
.ucenter-tj-menu-bx {
  padding: .4rem 0;
  display: block;
}
.ucenter-tj-menu-bx > span:first-child {
  display: block;
  height: 36px
}
/*u-exercises-record*/
.u-exercises-record-bg {
  background: #F76444 url('../img/uc/u-exercises-record-bg.jpg') no-repeat 50% 0;
  background-size: 100%;
}
.u-exercises-record__wrap {
  padding: 5.8rem .75rem 1rem;
  overflow: hidden;
}
.u-exercises-record-bx {
  min-height: 6rem;
  box-shadow: none;
}
.u-exercises-record-bx h1,
.u-exercises-record-bx h3,
.u-exercises-record-bx h5 {
  margin: .4rem 0 0;
  font-weight: 200;
  color: #000;
}

/*teacher*/
.teacher-info-txt__wrap > .teacher-info-box {
  max-height: 3rem;
  overflow: hidden;
  text-align: left;
  line-height: .99rem;
  display: inline-block;
  position: relative;
}
.teacher-info-box > .teacher-info-more-btn {
  display: none;
  position: absolute;
  bottom: -2px;
  right: 0;
  padding-left: .52rem;
  background-color: #fff;
}
.Coupon-red-bg{
  background: url("../img/Coupon-red-bg.png") no-repeat;
  background-size: 100% 100%;
  padding-top: .2rem;
  color: $fc;
}
.Coupon-gray-bg{
  background: url("../img/Coupon-gray-bg.png") no-repeat;
  background-size: 100% 100%;
  padding-top: .2rem;
  color: $fc;
}
#coupon-list-box li{
  box-shadow:0px 6px 20px 0px rgba(132,132,132,0.12);
}
#coupon-list-box li .cards-yh-bx {
  padding: 0;
}
.ellipsis-rows{
  min-height: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-height: 1rem;
  margin-top: .2rem;
}
.dis-table{
  display: table;
  line-height: 1rem;
}
.Coupon-about-desc__wrap {
  border-top: 1px solid #f2f2f2;
  line-height: 1
}
.picker-modal {
  background-color: #fff
}
/*
integral
*/
.getIntegralModal {
  @include center;
  @include borderRadius(1.2rem);
  background-color: rgba(0,0,0,.7);
  padding: 1rem;
  text-align: center;
  @include wh(8.4rem, 6.2rem);
  z-index: 999;
}
.getIntegralIcon {
  display: inline-block;
  @include wh(3.3rem, 2rem);
  background: url(../img/default/getIntegralIcon.png) no-repeat 50% 50% / cover;
}
.integral-data__wrap {
  min-height: 6rem;
  padding: 0.75rem;
  color: $fc;
  background: rgba(248,151,94,1) url(../img/uc/integral-data-bg.png) no-repeat 0 0;
  background-size: 100% 100%;
}
.integral-txt-opt {
  opacity: .75;
}
.integral-btn__wrap > .button {
  display: inline-block;
  @include wh(34%, 2rem);
  line-height: 2rem;
  margin: 0 2%;
  color: $fc;
  border-color: #FFB564 !important
}
.toExchangeRmbEle {text-align: left;padding: .2rem;}
.toExchangeRmbEle .item-input > input {
  background: rgba(245,245,245,1);
  border: 0;
  @include wh(100%, 48px);
  line-height: 48px;
  font-size: 1rem;
  text-indent: 1rem;
}
/*operation*/
.operation-content .wp-live .wl-live-left{
  padding: .5rem
}
.operation-inx-ico {
  @include wh(3rem, 3rem);
  float: left;
  margin-right: .3rem
}
.operation-inx-ico-1 {
  @include bis('../img/uc/operation-inx-ico-1.png')
}
.operation-inx-ico-2 {
  @include bis('../img/uc/operation-inx-ico-2.png')
}
.operation-content .u-operation-infinite__wrap {
  height: calc(100% - 7.5rem);
  top: 7.5rem;
}
.operationInfoWrap-content .u-operation-infinite__wrap {
  height: calc(100% - 8.3rem);
  top: 8.3rem;
}
.operation-content .record_wrap,
.operationInfoWrap-content .record_wrap {
  background-color: $fc
}
.operation-content .record_wrap .list-block {
  margin: .5rem 0;
}
.operation-content .record_wrap .list-block .item-title > .button {
  height: 1rem;
  line-height: 1rem;
  font-size: .5rem;
  padding: 0 .2rem;
  @include borderRadius(1px);
  margin-right: .1rem;
  display: inline;
  vertical-align: middle
}
.operationInfo-content > .card {
  margin: 0;
  box-shadow: 0 6px 25px 0 rgba(152,152,152,0.12);
}
.operationInfo-content .card-content-inner {
  padding-top: 0.2rem;
}
.operation-result .record_wrap {
  background-color: #6952FF;
  @include bis('../img/uc/operation-result-bg.jpg');
}
.button-white {
  background-color: $fc !important;
  color: $mc !important
}
/*coupon modal*/
.popCardEle-bx {
  width: 14rem;
  margin-left: -7rem;
  position: relative;
  -webkit-transform-origin: (50% 50%);
  transform-origin: (50% 50%);
}
.popCardEle-bx .modal-inner {
  background-color: #DB003B;
  border-radius: 0;
  padding: .5rem .5rem 0;
}
.popCardEle-bx .modal-inner .popCardEle-content {
  height: 12rem;
  overflow: hidden;
  position: relative;
  margin-top: .5rem;
  background-color: $fc;
  text-align: left;
  touch-action: pan-y;
}
.popCardEle-bx .modal-button,
.popCardEle-bx .modal-buttons {
  background-color: #F62145;
  @include sc(.7rem, #FDEC9B);
}
.popCardEle-bx .modal-button {
  padding: 0;
  width: 80%;
  margin-left: .3rem
}
.popCardEle-bx .modal-buttons {
  height: 3.6rem;
  padding: .7rem .5rem 0;
}
.popCardEle-bx .modal-button:first-child {
  border: 1px solid #FDEC9B;
  @include borderRadius(2rem);
  font-size: .6rem;
}
.popCardEle-bx .modal-button:last-child {
  background: -webkit-linear-gradient(180deg,rgba(255,252,216,1),rgba(248,219,157,1));
  background: linear-gradient(180deg,rgba(255,252,216,1),rgba(248,219,157,1));
  @include borderRadius(2rem);
  color: #98340D;
}
.popCardEle-bx .modal-inner:after,
.popCardEle-bx .modal-button:after{
  display: none;
}
.popCardEle-head {
  margin-top: -4.4rem;
  margin-left: -.5rem;
  @include wh(14rem, 4rem);
  background: url("../img/uc/popCardEle-head-bg.png") no-repeat 50% 0;
  background-size: 100% 100%;
}
.popCardEle-content .cards-yh-bx {
  margin: 0
}
.popCardEle-content .swiper-container-vertical > .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  box-sizing: content-box;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column
}
.popCardEle-content .cards-yh-bx .button-fill.button-round {
  height: 1rem;
  line-height: 1rem;
}
.popCardEle-content .cards-yh-r-content {
  padding: 0 .3rem;
}
.appErrorBody {
  @include wh(100%, 100%);
  position: relative;
  background: #fff url(../img/default/blogin-pic.jpg) no-repeat 50% 0;
  background-size: 60%;
}
.appErrorBody .appErrorWrap {
  padding: 240px 20px 20px;
  text-align: center
}
/*small class style*/
.scLive-play-bx {
  position: fixed;
  @include wh(100%, 6.8rem);
  top: 0;
  left: 0;
}
.smallClass-banner {
  background-image: url(../img/sclass-info-bg.png);
  background-position: 0;
}
.wl-live-left.sclassFree-play {
  line-height: .8rem;
  background-color: #f5f9ff !important;
  padding: .5rem;
}
.sclassFree-play .icon-zhibofuben {
  @include sc(1.8rem, $green)
}
.scMenu-card .wm-buttons-tab__wrap > .buttons-tab {
  @include borderRadius(.8rem .8rem 0 0);
}
.wm-buttons-tab__wrap.b-fixed {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  box-shadow: 1rem 0 0.8rem rgba(0,0,0,0.06);
}
.liveCatalog-List-bx.show {
  overflow: hidden;
}
/*learning center*/
.bar-nav-learning {
  background-color: #EFF6FE;
  box-shadow: none
}
.learning-top__wrap {
  @include bis('../img/uc/learning-top-bg.png');
  background-position: 100% -14px;
  padding: .5rem .6rem
}
.learning-top__wrap .list-block-userface {
  @include boxShadow(0,8px,4px,#D9E6F8,.6);
  position: fixed;
  left: 0;
  right: 0;
  border: 1px solid #fff;
}
.learningCenter-cont__wrap .swiper-container-tuanCourse .swiper-slide {
  width: 28%;
  margin-left: 2%;
}
.learningCenter-cont__wrap .swiper-container-tuanCourse .swiper-wrapper .swiper-slide:first-child {
  margin-left: 0;
  margin-top: 0
}
.learningCenter-cont__wrap .swiper-container-tuanCourse .swiper-slide .list-block li {
  padding: .3rem .3rem .3rem .5rem;
}
.learningCenter-history-list .wm-buttons-tab .button {
  font-size: .6rem;
}
.class-schedule-list {
  padding-top: 2.5rem;
}
.class-schedule-list .lecture-list__wrap .list-block .item-content .item-inner.inner-record {
  padding: 0;
}
.class-schedule-bTab {
  position: fixed;
  left: 0;
  right: 0;
}
.lear-ranking-num {
  @include bis('../img/uc/ranking-ico.png');
  @include wh(1.1rem, 1.1rem);
  background-size: 110%;
  display: inline-block;
}
.leaRanking-one {
  background-position: 0 -3px;
}
.leaRanking-two {
  background-position: 0 -30px;
}
.leaRanking-three {
  background-position: 0 -56px
}
.leaRanking-num {
  background-image: none;
  @include sc(.5rem, $c6);
  text-align: center;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  line-height: 1.1rem;
}
.learning-badge-spot {
  position: absolute;
  top: -.5rem;
  right: .1rem;
  left: inherit;
  padding: 0;
  min-width: inherit;
  @include wh(.42rem, .42rem)
}
.ucenter-tj-menu-bx .learning-badge-spot {
  top: 5px;
  right: 16px;
}
.learning-schedule-btn {
  border-color: $bc;
  color: $c6 !important;
}
.learningCenter-history-list .list-block>ul>li {
  display: block
}
.studySpeed-wrap {
  position: relative;
  margin-right: 60px;
  border: 1px solid #f2f2f2;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 0 1px;
  height: 12px;
}
.studySpeed-bx {
  position: absolute;
  top: 1px;
  bottom: 1px;
  height: 8px;
  content: '';
  background-color: #FFB21C;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
.studySpeed-num {
  position: absolute;
  right: -44px;
  top: -3px;
  color: $c8
}
.study-history-list-block > ul.list-block {
  margin: 0;
}
.study-history-list-block > ul.list-block .item-content {
  padding-left: 0;
}
.b-tab-picker input.data-picker {
  width: 4rem;
  text-align: center;
  border: none;
}
.b-tab-picker input.data-picker::-webkit-input-placeholder {
  @include sc(.75rem, $c3)
}
/*ads modal css*/
.ads-modal__wrap {
  max-width: 13.5rem;
  @include center;
  position: fixed;
  z-index: 9999
}
.ads-modal__wrap > .ads-modal-box {
  position: relative;
}
.ads-modal-closeBtn {
  position: absolute;
  right: 0;
  top: -.6rem;
  display: inline-block;
  @include wh(.48rem, .48rem);
  @include bis('../img/default/icon_close.png');
}
.modal-overlay.modal-overlay-visible {
  @include wh(100%, 100%);
  background: rgba(0,0,0,0.4);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9997;
}

/*global color set*/
a,
.lr-tel-ico>.iconfont,
.menu.bar-tab .tab-item.active,
.menu.bar-tab .tab-item:active,
.wm-buttons-tab .button.active,
.in-appDownload-btn>.button,
.lecture-date-num>li.active>span,
.study-custom-wrap .button,
.lr-links,
.buttons-row .button.tab-link,
.bar .button-nav.pull-right,
.bar-tab .tab-item.active,
.bar-tab .tab-item:active,
.wm-nav-tab-sx .sort-subject-ul>li.active>a,
.wm-buttons-select-tab__wrap .wm-buttons-tab .button.active>.icon{color:#3e83e5}
.bg-gradient,
.in-appDownload__wrap,
.lr-suBtn__wrap .button,
.buttons-row .button.tab-link.active,
.tab-nav li.active::before,
.wm-buttons-tab .button.active::after{background-color:#3e83e5 !important}
.menu.bar-tab .tab-item.active,
.menu.bar-tab .tab-item:active,
.wm-buttons-tab .button.active,
.study-custom-wrap .button,
.form-control>input:focus,
.lr-suBtn__wrap .button,
.wm-nav-tab-sx .sort-subject-ul>li.active>a{border-color:#3e83e5 !important}
.wp-live .wl-live-left,.wm-nav-tab-sx .sort-subject-ul>li.active>a{background:rgba(62,131,229,0.1)}
.live-cp-shadow{background:-webkit-linear-gradient(top,rgba(62,131,229,0.9) 0,rgba(62,131,229,0.4) 100%);background:linear-gradient(to bottom,rgba(62,131,229,0.9) 0,rgba(62,131,229,0.4) 100%)}
.button-tip-bx,.buttons-row .button.tab-link.active{color:#fff}